Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Unified Diff: static/scss/layout/_navbar.scss

Issue 29794555: Noissue - Fix broken layout from changeset 1940351cdb4c (Closed) Base URL: https://hg.adblockplus.org/web.acceptableads.com
Patch Set: Created May 30, 2018, 10:17 a.m.
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « static/scss/layout/_breadcrumbs.scss ('k') | static/scss/layout/_sidebar.scss » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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);
}
}
« no previous file with comments | « static/scss/layout/_breadcrumbs.scss ('k') | static/scss/layout/_sidebar.scss » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld