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:
parent
6ee6123061
commit
1116575513
1 changed files with 10 additions and 3 deletions
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue