luci-theme-bootstrap: add required CSS rules for new tabbing code

Signed-off-by: Jo-Philipp Wich <jo@mein.io>

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 98f6022ca0b8aeb65e906177026f4d6138617690..966e5e4fa105491efee067acf1981dde11ac35fc 100644 (file)
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -1053,6 +1053,7 @@ header .dropdown-menu a.hover,
        text-decoration: none;
        border-radius: 4px 4px 0 0;
        line-height: 25px;
+       outline: none;
 }
 
 .tabs > li:not(.active):hover, .cbi-tabmenu > .cbi-tab-disabled:hover {
@@ -1064,6 +1065,18 @@ header .dropdown-menu a.hover,
        background: linear-gradient(#eee 90%, #ddd 100%);
 }
 
+.cbi-tab-disabled[data-errors]::after {
+       content: attr(data-errors);
+       background: #c43c35;
+       color: #fff;
+       min-width: 12px;
+       line-height: 14px;
+       border-radius: 7px;
+       text-align: center;
+       margin: 0 5px 0 0;
+       padding: 1px 2px;
+}
+
 .cbi-tabmenu.map {
        margin: 0;
 }
@@ -2200,3 +2213,16 @@ html body.apply-overlay-active {
        background: url(../resources/icons/loading.gif) no-repeat center;
        background-size: 16px;
 }
+
+[data-tab-title] {
+       height: 0;
+       opacity: 0;
+       overflow: hidden;
+}
+
+[data-tab-active="true"] {
+       opacity: 1;
+       height: auto;
+       overflow: visible;
+       transition: opacity .25s ease-in;
+}