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

simplified

Browse Source
This commit is contained in:
Devaev Maxim 2021-04-21 01:47:14 +03:00
parent 81490428a5
commit 9adc6bc6df
2 changed files with 5 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/share/css/kvm/stream.css
View File

@ -37,6 +37,10 @@ div#stream-box {
display: inline-block; display: inline-block;
border: var(--border-window-thin); border: var(--border-window-thin);
} }
div.stream-box-inactive {
-webkit-filter: grayscale(100%) brightness(75%) sepia(75%);
filter: grayscale(100%) brightness(75%) sepia(75%);
}
div.stream-box-inactive::after { div.stream-box-inactive::after {
cursor: wait; cursor: wait;
content: ""; content: "";
@ -60,16 +64,6 @@ img#stream-image {
background-color: black; background-color: black;
} }
img.stream-image-active {
-webkit-filter: none;
filter: none;
}
img.stream-image-inactive {
-webkit-filter: grayscale(100%) brightness(75%) sepia(75%);
filter: grayscale(100%) brightness(75%) sepia(75%);
}
div#stream-mouse-buttons { div#stream-mouse-buttons {
display: none; display: none;
} }

10
web/share/js/kvm/stream.js
View File

@ -67,7 +67,6 @@ export function Streamer() {
if (!wm.isWindowVisible($("stream-window"))) { if (!wm.isWindowVisible($("stream-window"))) {
if (__state_for_invisible === null) { if (__state_for_invisible === null) {
$("stream-image").src = "/share/png/blank-stream.png"; $("stream-image").src = "/share/png/blank-stream.png";
$("stream-image").className = "stream-image-inactive";
$("stream-box").classList.add("stream-box-inactive"); $("stream-box").classList.add("stream-box-inactive");
} }
__state_for_invisible = state; __state_for_invisible = state;
@ -183,14 +182,7 @@ export function Streamer() {
}; };
var __updateStreamWindow = function(is_active, online) { var __updateStreamWindow = function(is_active, online) {
if (online) { $("stream-box").classList.toggle("stream-box-inactive", !online);
$("stream-image").className = "stream-image-active";
$("stream-box").classList.remove("stream-box-inactive");
} else {
$("stream-image").className = "stream-image-inactive";
$("stream-box").classList.add("stream-box-inactive");
}
let el_grab = document.querySelector("#stream-window-header .window-grab"); let el_grab = document.querySelector("#stream-window-header .window-grab");
let el_info = $("stream-info"); let el_info = $("stream-info");
if (is_active) { if (is_active) {