vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Switch chart button to an icon

Browse source
This commit is contained in:
Joseph Schorr 2013-12-02 16:44:50 -05:00
parent 32efd9d635
commit 71f196e9c2
2 changed files with 16 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
static/css/quay.css
View file

@ -21,6 +21,20 @@ html, body {
border-bottom: 1px dashed #aaa; border-bottom: 1px dashed #aaa;
} }
.toggle-icon {
font-size: 22px;
padding: 6px;
cursor: pointer;
}
i.toggle-icon:hover {
color: steelblue;
}
.toggle-icon.active {
border-radius: 4px;
background: #eee;
}
.entity-reference .prefix { .entity-reference .prefix {
color: #aaa; color: #aaa;

6
static/directives/logs-view.html
View file

@ -6,10 +6,8 @@
<div class="container header"> <div class="container header">
<b>Usage logs for the last seven days</b> <b>Usage logs for the last seven days</b>
<span class="right"> <span class="right">
<button class="btn btn-default btn-toggle" ng-class="chartVisible ? 'active' : ''" ng-click="toggleChart()"> <i class="fa fa-bar-chart-o toggle-icon" ng-class="chartVisible ? 'active' : ''"
Show Chart ng-click="toggleChart()" title="Toggle Chart" bs-tooltip="tooltip.title"></i>
<i class="fa" ng-class="chartVisible ? 'fa-toggle-down' : 'fa-toggle-right'" style="margin-left: 10px"></i>
</button>
</span> </span>
</div> </div>