openwrt/luci
1
0
Fork 0
mirror of https://github.com/openwrt/luci.git synced 2026-04-15 10:51:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

luci-theme-bootstrap: refining hide/show buttons

Browse Source 
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 <owlsy@outlook.com.au>
This commit is contained in:
Joshua Criss
2026-04-02 15:30:53 +11:00
committed by Paul Donald
parent 37fd4169ad
commit 9e4058cdca
1 changed files with 27 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
View File

@@ -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 === */