From 9e4058cdcae553636161382411d1506747f4da0f Mon Sep 17 00:00:00 2001 From: Joshua Criss Date: Thu, 2 Apr 2026 15:30:53 +1100 Subject: [PATCH] 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 --- .../htdocs/luci-static/bootstrap/cascade.css | 27 +++++++++++++++++++ 1 file changed, 27 insertions(+) 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 === */