Index: static/scss/layout/_navbar.scss |
=================================================================== |
--- a/static/scss/layout/_navbar.scss |
+++ b/static/scss/layout/_navbar.scss |
@@ -26,20 +26,19 @@ |
{ |
height: $sm; |
margin: 0; |
} |
} |
.js #navbar |
{ |
- position: fixed; |
+ position: absolute; |
+ z-index: 1; |
top: 0; |
- left: 0; |
- z-index: 1; |
} |
.site-title |
{ |
margin: 0; |
font-size: 17px; |
line-height: 64px; |
word-spacing: -2px; |
@@ -68,17 +67,35 @@ |
margin-left: $sidebar-width; |
} |
} |
@media(max-width: $sidebar-breakpoint-x - 1) |
{ |
#navbar |
{ |
- margin-left: 60px; |
+ margin-left: 60px; |
} |
+ |
.js #navbar |
{ |
z-index: 2; |
padding: 0; |
margin-left: 150px; |
+ width: auto; |
+ } |
+ |
+ html[dir="rtl"].js #navbar |
+ { |
+ margin-right: 150px; |
+ } |
+ |
+ html:not(.open-sidebar).mobile #navbar |
+ { |
+ position: fixed; |
+ transition: transform 0.2s ease-in-out; |
+ } |
+ |
+ html:not(.open-sidebar).mobile.scrollDown #navbar |
+ { |
+ transform: translate(0,-$header-height); |
} |
} |