luci-theme-{freifunk-generic,material,rosy}: fixup tab CSS
authorJo-Philipp Wich <jo@mein.io>
Mon, 10 Dec 2018 12:40:49 +0000 (13:40 +0100)
committerJo-Philipp Wich <jo@mein.io>
Mon, 10 Dec 2018 12:43:30 +0000 (13:43 +0100)
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
themes/luci-theme-freifunk-generic/htdocs/luci-static/freifunk-generic/cascade.css
themes/luci-theme-material/htdocs/luci-static/material/cascade.css
themes/luci-theme-rosy/htdocs/luci-static/rosy/cascade.css

index 04f2941c9880fae0c34d412b85671bbffcb2eb67..590eb3d979227499bd19b0b58e3764f152352005 100644 (file)
@@ -693,6 +693,18 @@ ul.cbi-tabmenu + .cbi-section-node {
        margin-top: -.5em;
 }
 
+[data-tab-title] {
+       height: 0;
+       opacity: 0;
+       overflow: hidden;
+}
+
+[data-tab-active="true"] {
+       opacity: 1;
+       height: auto;
+       overflow: visible;
+       transition: opacity .25s ease-in;
+}
 
 div.cbi-tab-descr {
        background-image: url(/luci-static/resources/cbi/help.gif);
index 02c1142549c24f684de429b077ef85b22b7a6346..dc569113664d88d4ed35cf2792eeb4a6d102933c 100644 (file)
@@ -1102,6 +1102,19 @@ form[method="post"] + form[method="post"],
        background-color: #f9f9f9;
 }
 
+[data-tab-title] {
+       height: 0;
+       opacity: 0;
+       overflow: hidden;
+}
+
+[data-tab-active="true"] {
+       opacity: 1;
+       height: auto;
+       overflow: visible;
+       transition: opacity .25s ease-in;
+}
+
 .cbi-section[id] .cbi-section-remove:nth-of-type(4n+3),
 .cbi-section[id] .cbi-section-node:nth-of-type(4n+4) {
        background-color: #f9f9f9;
index 6efafa3347d6f700a799f9d0840fdbd0c4fedbac..1ced4ed7641352022463c7d98684bd747f4c0ee6 100644 (file)
@@ -568,6 +568,20 @@ td>table>tbody>tr>td,
 .cbi-tabmenu {
     background-color: #D4D4D4;
 }
+
+[data-tab-title] {
+       height: 0;
+       opacity: 0;
+       overflow: hidden;
+}
+
+[data-tab-active="true"] {
+       opacity: 1;
+       height: auto;
+       overflow: visible;
+       transition: opacity .25s ease-in;
+}
+
 .cbi-section-remove:nth-of-type(2n) {
     background-color: #f9f9f9;
 }