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

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

1 files changed, 26 insertions, 0 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 98f6022ca0..966e5e4fa1 100644
--- 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;
+}