From 1cdce0280aa5200e1be5436601cedb72ed4c1802 Mon Sep 17 00:00:00 2001 From: Jo-Philipp Wich Date: Fri, 7 Dec 2018 17:55:43 +0100 Subject: luci-theme-bootstrap: add required CSS rules for new tabbing code Signed-off-by: Jo-Philipp Wich --- .../htdocs/luci-static/bootstrap/cascade.css | 26 ++++++++++++++++++++++ 1 file changed, 26 insertions(+) (limited to 'themes/luci-theme-bootstrap/htdocs') 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 98f6022ca..966e5e4fa 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; +} -- cgit v1.2.3