From 1116575513d4874693f56453034e25edcbb4ce1f Mon Sep 17 00:00:00 2001 From: Jo-Philipp Wich Date: Fri, 8 Nov 2019 15:58:39 +0100 Subject: [PATCH] luci-theme-bootstrap: fix ifacebox cutoff on OS X Safari Fixes: #3278 Signed-off-by: Jo-Philipp Wich --- .../htdocs/luci-static/bootstrap/cascade.css | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) 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 7e9c8eb32..7c90cf280 100644 --- 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; -- 2.25.1