Add LESS variable to configure expansion of sideNav dropdowns

This commit is contained in:
Toby Zerner 2017-10-25 12:36:09 +10:30
parent 96be7c449d
commit c9a6892297
2 changed files with 40 additions and 33 deletions

View File

@ -9,7 +9,7 @@
// control; the new discussion button is the primary-control. On anything
// larger than a phone, however, we need to affix the sidebar and expand the
// .dropdown-select into a plain list.
@media @tablet-up {
@media @expand-side-nav {
.sideNav {
// Expand the dropdown-select component into a normal nav list.
& .Dropdown--select {
@ -48,6 +48,9 @@
}
}
.sideNav--horizontal {}
@media @expand-side-nav {
.sideNav--horizontal {
padding: 15px 0;
white-space: nowrap;
@ -84,11 +87,13 @@
position: static;
}
}
@media @tablet {
.sideNav {
.sideNav--horizontal();
}
}
}
@media @desktop-up {
.sideNav {

View File

@ -110,6 +110,8 @@
@zindex-alerts: 1060;
@zindex-tooltip: 1070;
@expand-side-nav: @tablet-up;
// ---------------------------------
// BREAKPOINTS