themes: generalize indicator markup and styling

[oweals/luci.git] / themes / luci-theme-bootstrap / htdocs / luci-static / bootstrap / cascade.css

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 51931f550e7fdf2303cd325665b79de003748aea..c85bd866d3f7f806eb48129fb805e9c4d4b9da7d 100644 (file)
--- 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;
 }