1
0
mirror of https://github.com/flarum/core.git synced 2025-08-04 15:37:51 +02:00

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

This commit is contained in:
Toby Zerner
2018-07-20 11:38:42 +09:30
parent 9c80c21240
commit 858fdf71cb

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,10 +47,33 @@
} }
} }
.sideNav--horizontal {} @media @tablet {
.sideNav {
.sideNav--horizontal();
}
}
@media @expand-side-nav { @media @desktop-up {
.sideNav--horizontal { .sideNav {
float: left;
&, > ul {
width: 190px;
}
> ul {
margin-top: 30px;
&.affix {
top: @header-height;
}
> li {
margin-bottom: 10px;
}
}
}
}
.sideNav--horizontal {
padding: 15px 0; padding: 15px 0;
white-space: nowrap; white-space: nowrap;
overflow: auto; overflow: auto;
@@ -86,33 +108,6 @@
.affix { .affix {
position: static; position: static;
} }
}
@media @tablet {
.sideNav {
.sideNav--horizontal();
}
}
}
@media @desktop-up {
.sideNav {
float: left;
&, > ul {
width: 190px;
}
> ul {
margin-top: 30px;
&.affix {
top: @header-height;
}
> li {
margin-bottom: 10px;
}
}
}
} }
@media @phone, @tablet { @media @phone, @tablet {