Difuse/luci
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

luci-theme-bootstrap: allow tabmenus to wrap (#2333)

Browse source 
Allow the tab menu line to wrap around on narrow screens to fix the issue
reported in PR #2333.

Also add the .nowrap utility class to the Bootstrap theme while we're
touching it.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
This commit is contained in:
Jo-Philipp Wich 2018-11-27 13:57:32 +01:00
parent a7123c5e69
commit 9cd5f6befd
2 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
View file

@ -174,6 +174,10 @@ a:hover {
float: left; float: left;
} }
.nowrap {
white-space: nowrap;
}
/* Typography.less /* Typography.less
* Headings, body text, lists, code, and more for a versatile and durable typography system * Headings, body text, lists, code, and more for a versatile and durable typography system
* ---------------------------------------------------------------------------------------- */ * ---------------------------------------------------------------------------------------- */
@ -1020,8 +1024,9 @@ header .dropdown-menu a.hover,
padding: 0 2px; padding: 0 2px;
list-style: none; list-style: none;
display: flex; display: flex;
background: linear-gradient(#ddd 0%, #ddd 100%) repeat-x; flex-wrap: wrap;
background-size: 1px 1px; background: linear-gradient(#fff 28px, #ddd 28px);
background-size: 1px 29px;
background-position: left bottom; background-position: left bottom;
} }

1
themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css
View file

@ -11,7 +11,6 @@ header h3 a, header .brand {
background: linear-gradient(#fff 20%, #ddd 100%); background: linear-gradient(#fff 20%, #ddd 100%);
background-size: 1px 34px; background-size: 1px 34px;
margin-bottom: 10px; margin-bottom: 10px;
flex-wrap: wrap;
} }
.tabs > li, .cbi-tabmenu > li { .tabs > li, .cbi-tabmenu > li {