luci-theme-bootstrap, luci-theme-openwrt-2020: fix dynlist overflows
authorJo-Philipp Wich <jo@mein.io>
Fri, 3 Apr 2020 11:47:00 +0000 (13:47 +0200)
committerJo-Philipp Wich <jo@mein.io>
Fri, 3 Apr 2020 11:47:00 +0000 (13:47 +0200)
Fixes: #3795
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/cascade.css

index c85bd866d3f7f806eb48129fb805e9c4d4b9da7d..4387e9588902f7a53caf54db5b9965cba6d91e39 100644 (file)
@@ -494,6 +494,8 @@ select,
        border-radius: 3px;
        position: relative;
        pointer-events: none;
+       overflow: hidden;
+       word-break: break-all;
 }
 
 .cbi-dynlist > .item::after {
index 36e6b9778fcabd92dad2de21d1fe767c9efb3cad..74b4e0b77d710e82b69b8dc0f5b539f9c9883acd 100644 (file)
@@ -1114,13 +1114,14 @@ textarea {
 .cbi-dynlist > .item {
        box-shadow: 0 0 2px var(--main-dark-color);
        margin: .3em 0;
-       padding: .15em .2em;
+       padding: .15em 2em .15em .2em;
        border-radius: .25em;
        position: relative;
        overflow: hidden;
        transition: box-shadow .25s ease-in-out;
        pointer-events: none;
        flex: 1 1 100%;
+       word-break: break-all;
 }
 
 .cbi-dynlist > .item::after {