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-material | |
| parent | 3d965195928b993f7e2dacebd4e296a547b32552 (diff) | |
themes: generalize indicator markup and styling
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
Diffstat (limited to 'themes/luci-theme-material')
| -rw-r--r-- | themes/luci-theme-material/htdocs/luci-static/material/cascade.css | 9 | ||||
| -rw-r--r-- | themes/luci-theme-material/luasrc/view/themes/material/header.htm | 2 |
2 files changed, 7 insertions, 4 deletions
diff --git a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css index 8645c60e4..f3922c00f 100644 --- a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css +++ b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css @@ -443,7 +443,8 @@ header > .fill > .container > .status > * { background-color: #5cb85c !important; } -.notice { +.notice, +[data-indicator]:not([data-style="inactive"]) { background-color: #5bc0de !important; } @@ -2091,7 +2092,8 @@ span[data-tooltip] .label { flex-direction: column; } -.label { +.label, +[data-indicator] { font-size: .8rem; font-weight: bold; padding: .3rem .8rem; @@ -2480,7 +2482,8 @@ input[name="nslookup"] { padding: .3rem .6rem; } - .label { + .label, + [data-indicator] { padding: .2rem .6rem; } diff --git a/themes/luci-theme-material/luasrc/view/themes/material/header.htm b/themes/luci-theme-material/luasrc/view/themes/material/header.htm index 124314039..32678a322 100644 --- a/themes/luci-theme-material/luasrc/view/themes/material/header.htm +++ b/themes/luci-theme-material/luasrc/view/themes/material/header.htm @@ -191,7 +191,7 @@ <span class="showSide"></span> <a id="logo" href="<% if luci.dispatcher.context.authsession then %><%=url('admin/status/overview')%><% else %>#<% end %>"><img src="<%=media%>/brand.png" alt="OpenWrt"></a> <a class="brand" href="#"><%=boardinfo.hostname or "?"%></a> - <div class="status"> + <div class="status" id="indicators"> <span id="xhr_poll_status" style="display:none" onclick="XHR.running() ? XHR.halt() : XHR.run()"> <span class="label success" id="xhr_poll_status_on"><span class="mobile-hide"><%:Auto Refresh%></span> <%:on%></span> <span class="label" id="xhr_poll_status_off" style="display:none"><span class="mobile-hide"><%:Auto Refresh%></span> <%:off%></span> |