Automatically hide sidebar on smaller screens
This commit is contained in:
parent
daa7cdb330
commit
7541362fe7
1 changed files with 7 additions and 0 deletions
|
@ -49,6 +49,7 @@ $new-sidebar-width: 220px;
|
|||
position: fixed;
|
||||
z-index: 400;
|
||||
width: $new-sidebar-width;
|
||||
transition: width $sidebar-transition-duration;
|
||||
top: 50px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
|
@ -62,6 +63,8 @@ $new-sidebar-width: 220px;
|
|||
}
|
||||
|
||||
li {
|
||||
white-space: nowrap;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
padding: 12px 14px;
|
||||
|
@ -72,6 +75,10 @@ $new-sidebar-width: 220px;
|
|||
color: $gl-text-color;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media (max-width: $screen-xs-max) {
|
||||
width: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-sub-level-items {
|
||||
|
|
Loading…
Reference in a new issue