From ccb7e4a4a7aac34734dbda7e9ca7f5b53cbc51ff Mon Sep 17 00:00:00 2001 From: Jo-Philipp Wich Date: Mon, 30 Mar 2020 17:05:05 +0200 Subject: themes: generalize indicator markup and styling Signed-off-by: Jo-Philipp Wich --- .../htdocs/luci-static/openwrt2020/cascade.css | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) (limited to 'themes/luci-theme-openwrt-2020/htdocs/luci-static') diff --git a/themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/cascade.css b/themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/cascade.css index f3fc7529f..d394192f5 100644 --- a/themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/cascade.css +++ b/themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/cascade.css @@ -89,12 +89,12 @@ body { flex: 3; } -#menubar .indicators { +#indicators { flex: 1 1 25%; text-align: right; } -#menubar .indicators > * { +#indicators > * { background: var(--secondary-bright-color); color: var(--main-bright-color); display: inline-block; @@ -107,15 +107,19 @@ body { white-space: nowrap; } -#menubar .indicators > * > #xhr_poll_status_off { +#indicators > [data-style="inactive"], +#indicators > * > #xhr_poll_status_off { background: var(--main-bright-color); color: var(--secondary-bright-color); + border: 2px solid var(--secondary-bright-color); + line-height: calc(1.5em - 4px); + padding: 0 calc(.5em - 2px); +} + +#indicators > * > #xhr_poll_status_off { border-radius: 1em; margin: 0 -.5em; display: block; - padding: 0 .5em; - border: 2px solid var(--secondary-bright-color); - line-height: calc(1.5em - 4px); } #menubar h2, -- cgit v1.2.3