Fixed tags dropdown in header

Former-commit-id: aa777b1 [formerly db46d86] Former-commit-id: 699ba420070fafb98560287c7f94c2e3cfd7e515 Former-commit-id: 06a50d4
UtkarshVerma · Apr 10, 2018 · a15cada · a15cada
1 parent b44cd8e
commit a15cada
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 10 deletions.
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -11,19 +11,19 @@
 </head>
 
 <body>
-	{{ partial "sidebar.html" . }}
 	<div class="bg">{{ partial "background.html" . }}</div>
 	<div class="pusher">
-	<div class="flipper">
-		<div class="front">
-			{{ block "frontmenu" . }} {{ end }} {{ block "main" . }} {{ end }}
-		</div>
-		<div class="back">
-			{{ partial "flip.html" . }}
+		<div class="flipper">
+			<div class="front">
+				{{ block "frontmenu" . }} {{ end }} {{ block "main" . }} {{ end }}
+			</div>
+			<div class="back">
+				{{ partial "flip.html" . }}
+			</div>
 		</div>
 	</div>
 	</div>
-	</div>
+	{{ partial "sidebar.html" . }}
 	{{ if .Site.Params.twitterEmoji }}{{ partial "twemoji.html" . }}{{ end }}
 	{{ if .Site.Params.enableShortest }}{{ partial "shortest.html" }}{{ end }}
 </body>

diff --git a/layouts/partials/nav.html b/layouts/partials/nav.html
@@ -58,7 +58,7 @@
 	{{ end }}
 
 	{{ if .IsPage }}
-	<div id="sidebarBtn" class="item" onClick="$('.ui.sidebar') .sidebar('setting', 'transition', 'overlay').sidebar('toggle');">
+	<div id="sidebarBtn" class="item" onClick="$('.ui.sidebar').sidebar('setting', 'transition', 'overlay').sidebar('toggle');">
 		<i class="inverted big link sidebar icon" title="Show Sidebar"></i>
 	</div>
 	{{ end }}

diff --git a/static/css/site.css b/static/css/site.css
@@ -324,13 +324,20 @@ header.ui.inverted.segment {
 	-o-perspective: 1000px;
 	perspective: 1000px;
 	z-index: 0;
+}
+
+div.pusher {
+	overflow-y: auto !important;
 	background-color: transparent !important;
 	height: 100vh;
 	width: 100vw;
-	overflow-y: auto;
 	overflow-x: hidden;
 }
 
+div.pusher.dimmed {
+	overflow-y: hidden !important;
+}
+
 .pusher.flip-it .flipper {
 	-webkit-transform: rotateY(180deg);
 	-moz-transform: rotateY(180deg);