diff options
author | Jo-Philipp Wich <jo@mein.io> | 2020-03-30 17:05:05 +0200 |
---|---|---|
committer | Jo-Philipp Wich <jo@mein.io> | 2020-03-30 17:12:07 +0200 |
commit | ccb7e4a4a7aac34734dbda7e9ca7f5b53cbc51ff (patch) | |
tree | 7e39da0da0271d13bad72d926be2fd400a26c2a0 /themes/luci-theme-bootstrap | |
parent | 3d965195928b993f7e2dacebd4e296a547b32552 (diff) |
themes: generalize indicator markup and styling
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
Diffstat (limited to 'themes/luci-theme-bootstrap')
-rw-r--r-- | themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css | 10 | ||||
-rw-r--r-- | themes/luci-theme-bootstrap/luasrc/view/themes/bootstrap/header.htm | 2 |
2 files changed, 9 insertions, 3 deletions
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 51931f550e..c85bd866d3 100644 --- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css +++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css @@ -1774,7 +1774,8 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner { margin: .25em 0; } -.label { +.label, +header [data-indicator] { padding: 1px 3px 2px; font-size: 9.75px; font-weight: bold; @@ -1786,6 +1787,10 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner { text-shadow: none; } +header [data-indicator][data-clickable] { + cursor: pointer; +} + a.label:link, a.label:visited { color: #fff; @@ -1807,7 +1812,8 @@ a.label:hover { background-color: #46a546; } -.label.notice { +.label.notice, +header [data-indicator][data-style="active"] { background-color: #62cffc; } diff --git a/themes/luci-theme-bootstrap/luasrc/view/themes/bootstrap/header.htm b/themes/luci-theme-bootstrap/luasrc/view/themes/bootstrap/header.htm index b9e1fbcdb6..39415154aa 100644 --- a/themes/luci-theme-bootstrap/luasrc/view/themes/bootstrap/header.htm +++ b/themes/luci-theme-bootstrap/luasrc/view/themes/bootstrap/header.htm @@ -46,7 +46,7 @@ <div class="container"> <a class="brand" href="#"><%=boardinfo.hostname or "?"%></a> <ul class="nav" id="topmenu" style="display:none"></ul> - <div class="pull-right"> + <div id="indicators" class="pull-right"> <span id="xhr_poll_status" style="display:none" onclick="XHR.running() ? XHR.halt() : XHR.run()"> <span class="label success" id="xhr_poll_status_on"><%:Auto Refresh%> <%:on%></span> <span class="label" id="xhr_poll_status_off" style="display:none"><%:Auto Refresh%> <%:off%></span> |