Refactor side navigation CSS

This commit is contained in:
Toby Zerner 2015-08-13 13:07:50 +09:30
parent ddbef312c7
commit 81e4321154

View File

@ -48,41 +48,44 @@
}
}
.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;
}
.Dropdown-separator {
display: none;
}
.Dropdown--select .Dropdown-menu > li > a {
padding-left: 25px;
.icon {
margin-left: -25px;
}
}
.affix {
position: static;
}
}
@media @tablet {
.sideNav {
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-right: 20px;
}
.Dropdown-separator {
display: none;
}
.Dropdown--select .Dropdown-menu > li > a {
padding-left: 25px;
.icon {
margin-left: -25px;
}
}
.affix {
position: static;
}
.sideNav--horizontal();
}
}
@ -97,7 +100,7 @@
margin-top: 30px;
&.affix {
top: 56px;
top: @header-height;
}
> li {
margin-bottom: 10px;