GithubFollow/One-KVM
1
0
Fork 0
mirror of https://github.com/mofeng-git/One-KVM.git synced 2025-12-12 09:10:30 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

improved css, animated led-msd-writing

Browse Source
This commit is contained in:
Devaev Maxim 2018-07-16 10:25:17 +03:00
parent bbb92e0a20
commit eda2949809
2 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
kvmd/web/css/main.css
View File

@ -30,15 +30,27 @@ img#hid-keyboard-led {
height: 24px; height: 24px;
} }
img.led-on { img.led-on {
-webkit-filter: invert(.5) sepia(1) saturate(5) hue-rotate(100deg);
filter: invert(.5) sepia(1) saturate(5) hue-rotate(100deg); filter: invert(.5) sepia(1) saturate(5) hue-rotate(100deg);
} }
img.led-off { img.led-off {
-webkit-filter: invert(.5);
filter: invert(.5); filter: invert(.5);
} }
img.led-busy { img.led-hdd-busy {
/*color: #ff373a;*/ -webkit-filter: invert(.5) sepia(1) saturate(15) hue-rotate(320deg);
filter: invert(.5) sepia(1) saturate(15) hue-rotate(320deg); filter: invert(.5) sepia(1) saturate(15) hue-rotate(320deg);
} }
img.led-msd-writing {
-webkit-filter: invert(.5) sepia(1) saturate(5) hue-rotate(0deg);
filter: invert(.5) sepia(1) saturate(5) hue-rotate(0deg);
-webkit-animation:spin 2s linear infinite;
-moz-animation:spin 2s linear infinite;
animation:spin 2s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
button#stream-reset-button, button#stream-reset-button,
button#atx-power-button, button#atx-power-button,

2
kvmd/web/js/atx.js
View File

@ -1,7 +1,7 @@
var atx = new function() { var atx = new function() {
this.setLedsState = function(leds) { this.setLedsState = function(leds) {
$("atx-power-led").className = (leds.power ? "led-on" : "led-off"); $("atx-power-led").className = (leds.power ? "led-on" : "led-off");
$("atx-hdd-led").className = (leds.hdd ? "led-busy" : "led-off"); $("atx-hdd-led").className = (leds.hdd ? "led-hdd-busy" : "led-off");
}; };
this.clearLeds = function() { this.clearLeds = function() {