luci-theme-bootstrap, luci-theme-openwrt: allow dynlist item content to wrap
authorJo-Philipp Wich <jo@mein.io>
Sun, 2 Dec 2018 15:57:24 +0000 (16:57 +0100)
committerJo-Philipp Wich <jo@mein.io>
Sun, 2 Dec 2018 15:57:24 +0000 (16:57 +0100)
Very long values without whitespace can easily overflow the dynlist item
container, so allow the browser to forcibly break such lines.

Reported-by: Hannu Nyman <hannu.nyman@iki.fi>
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
themes/luci-theme-openwrt/htdocs/luci-static/openwrt.org/cascade.css

index 98f6022ca0b8aeb65e906177026f4d6138617690..3dfac338498bb055ff911aebc64e0c18de19a74a 100644 (file)
@@ -482,6 +482,7 @@ select,
        border-radius: 3px;
        position: relative;
        pointer-events: none;
+       word-break: break-all;
 }
 
 .cbi-dynlist > .item::after {
index f8133833e8c10d2bd3ee7c206506b18361e9403a..58065948f44f5a12e8e41bb37519c88344da7a14 100644 (file)
@@ -1242,9 +1242,7 @@ ul.cbi-tabmenu li.cbi-tab {
        border-radius: 3px;
        position: relative;
        pointer-events: none;
-       overflow: hidden;
-       text-overflow: ellipsis;
-       white-space: nowrap;
+       word-break: break-all;
 }
 
 .cbi-dynlist > .item::after {