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

Fixes: #3278
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
This commit is contained in:
Jo-Philipp Wich 2019-11-08 15:58:39 +01:00
parent 6ee6123061
commit 1116575513

View file

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