| 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); |
| } |
| } |