From: Joshua Criss <redacted>
Date: Thu, 2 Apr 2026 04:30:53 +0000 (+1100)
Subject: luci-theme-bootstrap: refining hide/show buttons
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=9e4058cdcae553636161382411d1506747f4da0f;p=openwrt-luci.git

luci-theme-bootstrap: refining hide/show buttons

Change mouse icon from text cursor to pointer.
Smaller buttons on larger screens.
Slightly fade "show" button.
Remove fade when hovered.

Signed-off-by: Joshua Criss <redacted>
---

diff --git a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
index db83e020e7..e25822e88c 100644
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -2624,3 +2624,30 @@ div.cbi-value var.cbi-tooltip-container,
 #view div[style] > svg line[style] {
 	stroke: var(--text-color-highest)!important;
 }
+
+/* === STATUS OVERVIEW: HIDE/SHOW BUTTONS === */
+
+/* Change mouse icon from text cursor to pointer */
+body[data-page='admin-status-overview'] .cbi-title .label {
+  cursor: pointer;
+}
+
+/* Smaller buttons on larger screens */
+@media screen and (min-width : 481px) {
+  body[data-page='admin-status-overview'] .cbi-title .label {
+    line-height: 1em;
+    margin: 0.7em 0;
+  }
+}
+
+/* Slightly fade "show" button */
+body[data-page='admin-status-overview'] .cbi-title .label.notice {
+  opacity: var(--disabled-opacity);
+}
+
+/* Remove fade when hovered */
+body[data-page='admin-status-overview'] .cbi-title .label.notice:hover {
+  opacity: initial;
+}
+
+/* === END STATUS OVERVIEW: HIDE/SHOW BUTTONS === */