ui: partial multi msd support

4 files changed, 18 insertions, 13 deletions

diff --git a/web/share/css/kvm/msd.css b/web/share/css/kvm/msd.css
index 285d334f..11f02c39 100644
--- a/web/share/css/kvm/msd.css
+++ b/web/share/css/kvm/msd.css
@@ -24,7 +24,7 @@ div#msd-menu {
 	width: 450px;
 }
 
-div#msd-menu div.msd-message, input.msd-message {
+div#msd-menu .msd-feature-disabled, div.msd-message, input.msd-message {
 	display: none;
 }
 
diff --git a/web/share/css/kvm/stream.css b/web/share/css/kvm/stream.css
index 2406e51c..e3c88243 100644
--- a/web/share/css/kvm/stream.css
+++ b/web/share/css/kvm/stream.css
@@ -66,18 +66,6 @@ div.stream-slider-box {
 	display: flex;
 }
 
-table#stream-auto-resize-box {
-	width: 100%;
-	border-collapse: collapse;
-}
-@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
-	@supports (-webkit-appearance: none) {
-		table#stream-auto-resize-box {
-			margin: 20px 0 20px 0 !important;
-		}
-	}
-}
-
 div#stream-mouse-buttons {
 	display: none;
 }
diff --git a/web/share/css/menu.css b/web/share/css/menu.css
index 8e97b7b7..8e7663e7 100644
--- a/web/share/css/menu.css
+++ b/web/share/css/menu.css
@@ -119,6 +119,18 @@ ul#menu li div.menu-item-content-text {
 	font-size: 14px;
 }
 
+ul#menu li div.menu-item-content-text table.one-line-switch {
+	width: 100%;
+	border-collapse: collapse;
+}
+@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
+	@supports (-webkit-appearance: none) {
+		ul#menu li div.menu-item-content-text table.one-line-switch {
+			margin: 20px 0 20px 0 !important;
+		}
+	}
+}
+
 ul#menu li div.menu-item-content button, select {
 	box-shadow: none;
 	border: none;
diff --git a/web/share/css/switches.css b/web/share/css/switches.css
index fbc9582e..00defe4a 100644
--- a/web/share/css/switches.css
+++ b/web/share/css/switches.css
@@ -96,3 +96,8 @@ div.switch-box input[type=checkbox].switch-checkbox:checked + label.switch-label
 div.switch-box input[type=checkbox].switch-checkbox:checked + label.switch-label span.switch {
 	right: 0px;
 }
+
+div.switch-box input[type=checkbox].switch-checkbox:disabled + label.switch-label span.switch {
+	background: var(--cs-thumb-disabled-bg);
+	border: var(--border-default-2px);
+}