From: Jo-Philipp Wich <jo@mein.io>
Date: Fri, 8 Nov 2019 14:58:39 +0000 (+0100)
Subject: luci-theme-bootstrap: fix ifacebox cutoff on OS X Safari
X-Git-Url: https://git.librecmc.org/?a=commitdiff_plain;h=b81acd76e75600bb47344bd693079b8d1ff4fc9d;p=oweals%2Fluci.git

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 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;