openwrt-mirror/luci
1
0
Fork 0
mirror of https://github.com/openwrt/luci.git synced 2025-12-21 17:04:35 +04:00
Code Issues Packages Projects Releases Wiki Activity

luci-theme-*: wrap span tags, fixes badge text

Browse Source 
The nowrap can be a bit obnoxious when available layout space is
limited. Wrap.

Signed-off-by: Paul Donald <newtwen+github@gmail.com>
This commit is contained in:
Paul Donald
2025-04-23 21:21:29 +02:00
parent 65bdfc61db
commit 76fa3036a2
4 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
View File

@@ -318,7 +318,9 @@ a:hover {
float: left;
}
.nowrap {
.nowrap:not(span) {
/* Sometimes you need to wrap: badges on narrow screens look weird
and nowrap defeats other width constraints, so exclude span */
white-space: nowrap;
}
@@ -2193,7 +2195,6 @@ th[data-sort-direction="desc"]::after { content: "\a0\25bc"; }
.ifacebadge {
display: inline-block;
flex-direction: row;
white-space: nowrap;
border: 1px solid var(--border-color-high);
padding: 2px;
background: linear-gradient(var(--background-color-high), var(--background-color-high) 25%, var(--background-color-medium));

4
themes/luci-theme-material/htdocs/luci-static/material/cascade.css
View File

@@ -369,7 +369,9 @@ small {
float: left;
}
.nowrap:not(.td) {
.nowrap:not(.td span) {
/* Sometimes you need to wrap: badges on narrow screens look weird
and nowrap defeats other width constraints, so exclude span */
white-space: nowrap;
}

4
themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/cascade.css
View File

@@ -552,7 +552,9 @@ tr.placeholder > td {
vertical-align: middle !important;
}
.nowrap {
.nowrap:not(span) {
/* Sometimes you need to wrap: badges on narrow screens look weird
and nowrap defeats other width constraints, so exclude span */
white-space: nowrap !important;
}

4
themes/luci-theme-openwrt/htdocs/luci-static/openwrt.org/cascade.css
View File

@@ -64,7 +64,9 @@ body {
line-height: 3em;
}
.nowrap {
.nowrap:not(span) {
/* Sometimes you need to wrap: badges on narrow screens look weird
and nowrap defeats other width constraints, so exclude span */
white-space: nowrap;
}