github-mirror/framework
github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2025-02-22 02:14:10 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Dissociate .sideNav--horizontal from @expand-side-nav

Browse Source
This commit is contained in:
Toby Zerner 2018-07-20 11:38:42 +09:30
parent d6414cfb44
commit 7b802a76ba
1 changed files with 40 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
less/common/sideNav.less
View File

@ -11,7 +11,6 @@
// .dropdown-select into a plain list. // .dropdown-select into a plain list.
@media @expand-side-nav { @media @expand-side-nav {
.sideNav { .sideNav {
// Expand the dropdown-select component into a normal nav list.
& .Dropdown--select { & .Dropdown--select {
display: block; display: block;
@ -48,50 +47,9 @@
} }
} }
.sideNav--horizontal {} @media @tablet {
.sideNav {
@media @expand-side-nav { .sideNav--horizontal();
.sideNav--horizontal {
padding: 15px 0;
white-space: nowrap;
overflow: auto;
-webkit-overflow-scrolling: touch;
&:after {
content: " ";
position: absolute;
left: 0;
right: 0;
margin-top: 15px;
border-bottom: 1px solid @control-bg;
}
> ul > li, .Dropdown-menu > li {
display: inline-block;
margin: 0 20px 0 0;
vertical-align: top;
}
.Dropdown-separator {
display: none;
}
.Dropdown--select .Dropdown-menu > li > a {
padding-left: 25px;
.icon {
margin-left: -25px;
}
}
.affix {
position: static;
}
}
@media @tablet {
.sideNav {
.sideNav--horizontal();
}
} }
} }
@ -115,6 +73,43 @@
} }
} }
.sideNav--horizontal {
padding: 15px 0;
white-space: nowrap;
overflow: auto;
-webkit-overflow-scrolling: touch;
&:after {
content: " ";
position: absolute;
left: 0;
right: 0;
margin-top: 15px;
border-bottom: 1px solid @control-bg;
}
> ul > li, .Dropdown-menu > li {
display: inline-block;
margin: 0 20px 0 0;
vertical-align: top;
}
.Dropdown-separator {
display: none;
}
.Dropdown--select .Dropdown-menu > li > a {
padding-left: 25px;
.icon {
margin-left: -25px;
}
}
.affix {
position: static;
}
}
@media @phone, @tablet { @media @phone, @tablet {
.sideNavOffset { .sideNavOffset {
margin-top: 15px; margin-top: 15px;