yetangitu/OpenSTF
1
0
Fork 0
mirror of https://github.com/openstf/stf synced 2025-10-06 03:50:04 +02:00
Code Issues Releases Wiki Activity

Colorize stats style.

Browse source 
Add mouseover brightness to device image.
This commit is contained in:
Gunther Brunner 2015-06-15 23:22:27 +09:00
parent 8934078708
commit 1de49788ac
3 changed files with 22 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

21
res/app/device-list/icons/device-list-icons.css
View file

@ -20,9 +20,20 @@ ul.devices-icon-view li {
text-align: center; text-align: center;
} }
ul.devices-icon-view li:hover { ul.devices-icon-view li:active {
background-color: #fbfbfb; -webkit-filter: brightness(95%);
filter: brightness(95%);
}
ul.devices-icon-view li:hover {
/*border: 1px solid dodgerblue;*/
background-color: #fcfcfc;
}
ul.devices-icon-view li:hover .device-photo-small img {
-webkit-filter: brightness(120%);
filter: brightness(120%);
} }
ul.devices-icon-view .device-photo-small { ul.devices-icon-view .device-photo-small {
@ -56,10 +67,10 @@ ul.devices-icon-view .device-product {
} }
ul.devices-icon-view .device-is-busy { ul.devices-icon-view .device-is-busy {
/*box-shadow: inset 0 0 10px #e6e6e6;*/ opacity: 0.6;
/*background: #e6e6e6 !important;*/
opacity: 0.7;
cursor: not-allowed; cursor: not-allowed;
/*-webkit-filter: grayscale(100%);*/
/*filter: grayscale(100%);*/
} }
ul.devices-icon-view .device-is-busy .btn { ul.devices-icon-view .device-is-busy .btn {

7
res/app/device-list/stats/device-list-stats.css
View file

@ -1,14 +1,13 @@
/* TODO: REFORMAT device-stats */ /* TODO: REFORMAT device-stats */
.device-stats { .device-stats {
min-height: 120px; min-height: 100px;
height: 120px; height: 100px;
text-align: center; text-align: center;
} }
.device-stats [class^="col-"], .device-stats [class^="col-"],
.device-stats [class*="col-"] { .device-stats [class*="col-"] {
border-right: 1px solid #e6e6e6;
height: 100%; height: 100%;
margin-bottom: 0; margin-bottom: 0;
} }
@ -22,9 +21,7 @@
.device-stats [class*="col-"] .number { .device-stats [class*="col-"] .number {
font-size: 3.8em; font-size: 3.8em;
font-weight: 100; font-weight: 100;
color: #007aff;
line-height: 1.4em; line-height: 1.4em;
padding-top: 8px;
letter-spacing: -0.06em; letter-spacing: -0.06em;
} }

8
res/app/device-list/stats/device-list-stats.jade
View file

@ -1,21 +1,21 @@
.widget-container.device-stats .widget-container.device-stats
.col-xs-3 .col-xs-3
.number .number.color-red
.icon.fa.fa-globe.visitors .icon.fa.fa-globe.visitors
span(class='counter', data-type='total') 0 span(class='counter', data-type='total') 0
.text(translate) Total devices .text(translate) Total devices
.col-xs-3 .col-xs-3
.number .number.color-green
.icon.fa.fa-check.visitors .icon.fa.fa-check.visitors
span(class='counter', data-type='usable') 0 span(class='counter', data-type='usable') 0
.text(translate) Usable devices .text(translate) Usable devices
.col-xs-3 .col-xs-3
.number .number.color-orange
.icon.fa.fa-users.visitors .icon.fa.fa-users.visitors
span(class='counter', data-type='busy') 0 span(class='counter', data-type='busy') 0
.text(translate) Busy devices .text(translate) Busy devices
.col-xs-3 .col-xs-3
.number .number.color-blue
.icon.fa.fa-user.visitors(ng-class='{"fa-trophy": $root.adminMode, "fa-user": !$root.adminMode}') .icon.fa.fa-user.visitors(ng-class='{"fa-trophy": $root.adminMode, "fa-user": !$root.adminMode}')
span(class='counter', data-type='using') 0 span(class='counter', data-type='using') 0
.text(ng-bind='currentUser.name') .text(ng-bind='currentUser.name')