luci-theme-bootstrap: fix ifacebox cutoff on OS X Safari

Fixes: #3278
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
(cherry picked from commit 1116575513d4874693f56453034e25edcbb4ce1f)

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 7e9c8eb32459ea208914ceb9f43a50245bf6e32c..7c90cf2801eeed08c831f893dd45ed48e96b4600 100644 (file)
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -1996,8 +1996,6 @@ table table td,
 }
 
 .network-status-table .ifacebox-body > div {
-       display: flex;
-       flex-wrap: wrap;
        margin: -.125em;
 }
 
@@ -2008,13 +2006,22 @@ table table td,
 
 .ifacebadge.large,
 .network-status-table .ifacebox-body .ifacebadge {
-       display: inline-flex;
+       display: flex;
        flex: 1;
        padding: .25em;
        min-width: 220px;
        margin: .125em;
 }
 
+.ifacebadge.large {
+       display: inline-flex;
+}
+
+.network-status-table .ifacebox-body .ifacebadge > span {
+       overflow: hidden;
+       text-overflow: ellipsis;
+}
+
 .ifacebadge > *,
 .ifacebadge.large > * {
        margin: 0 .125em;