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 { .network-status-table .ifacebox-body > div {
display: flex;
flex-wrap: wrap;
margin: -.125em; margin: -.125em;
} }
@ -2008,13 +2006,22 @@ table table td,
.ifacebadge.large, .ifacebadge.large,
.network-status-table .ifacebox-body .ifacebadge { .network-status-table .ifacebox-body .ifacebadge {
display: inline-flex; display: flex;
flex: 1; flex: 1;
padding: .25em; padding: .25em;
min-width: 220px; min-width: 220px;
margin: .125em; margin: .125em;
} }
.ifacebadge.large {
display: inline-flex;
}
.network-status-table .ifacebox-body .ifacebadge > span {
overflow: hidden;
text-overflow: ellipsis;
}
.ifacebadge > *, .ifacebadge > *,
.ifacebadge.large > * { .ifacebadge.large > * {
margin: 0 .125em; margin: 0 .125em;