luci-theme-bootstrap: mobile style fixes for vlan filter matrix

[project/luci.git] / themes / luci-theme-bootstrap / htdocs / luci-static / bootstrap / mobile.css

diff --git a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css
index 466573b26fc4bd41cdd3c184bce97840a6ca0420..384a1a22adef8026cfddd2e31992986d0505ea3f 100644 (file)
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css
@@ -325,6 +325,18 @@ header h3 a, header .brand {
        [data-page="admin-status-processes"] .td[data-widget="button"]::before {
                display: none;
        }
+
+       [data-name="bridge-vlan"] > div {
+               overflow: visible !important;
+       }
+
+       [data-name="bridge-vlan"] .td[data-title] {
+               flex-basis: 33%;
+       }
+
+       [data-name="bridge-vlan"] .td[data-title]::before {
+               content: attr(data-title);
+       }
 }
 
 @media screen and (max-device-width: 375px) {