From: Jo-Philipp Wich <jo@mein.io>
Date: Mon, 13 Apr 2020 14:04:41 +0000 (+0200)
Subject: luci-theme-openwrt-2020: add styles for disabled input elements
X-Git-Url: http://git.lede-project.org./?a=commitdiff_plain;h=eb8eeb45de89aaea6fc1c70ee21453a1a8306161;p=project%2Fluci.git

luci-theme-openwrt-2020: add styles for disabled input elements

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
---

diff --git a/themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/cascade.css b/themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/cascade.css
index f83f1ba578..e96c01914c 100644
--- a/themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/cascade.css
+++ b/themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/cascade.css
@@ -903,7 +903,7 @@ button.important {
 
 button[disabled], button.disabled, .btn[disabled], .btn.disabled {
 	pointer-events: none;
-	opacity: .5;
+	opacity: .6;
 }
 
 .cbi-button-apply, .cbi-button-positive {
@@ -970,6 +970,12 @@ button[disabled], button.disabled, .btn[disabled], .btn.disabled {
 	background: var(--danger-color);
 }
 
+.cbi-checkbox input[type="checkbox"][disabled] + label::before,
+.cbi-checkbox input[type="checkbox"][disabled] + label::after {
+	pointer-events: none;
+	opacity: .6;
+}
+
 input:not([type]),
 input[type="text"],
 input[type="password"],
@@ -993,6 +999,14 @@ select:focus,
 	border-color: var(--main-dark-color);
 }
 
+input[disabled]:not([type]),
+input[disabled][type="text"],
+input[disabled][type="password"],
+select[disabled] {
+	opacity: .6;
+	pointer-events: none;
+}
+
 input:not([type]) + .btn, input:not([type]) + button,
 input[type="text"] + .btn, input[type="text"] + button,
 input[type="password"] + .btn, input[type="password"] + button {