From c2fb67fb373b73f170ac7ce38b4d6bc27e8ea4b2 Mon Sep 17 00:00:00 2001
From: EnixCoda <enixcoda@gmail.com>
Date: Fri, 17 Jul 2020 16:19:05 +0800
Subject: [PATCH] fix: nav and header styles

---
 src/content.scss | 26 ++++++++++++++++++--------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/content.scss b/src/content.scss
index f9ca7ef..28767d7 100644
--- a/src/content.scss
+++ b/src/content.scss
@@ -29,20 +29,30 @@ $minimal-z-index: max($github-header-z-index, $github-pull-request-float-header-
   .Header {
     max-width: 1280px;
     margin: 0 auto;
+    @media (max-width: 1020px) {
+      overflow: hidden; // prevent blank scroll area when Gitako is open and window is narrow
+    }
     @media (min-width: 1280px) {
       padding: 0 32px !important;
     }
   }
-  .pagehead.repohead {
-    box-shadow: inset 0 -1px 0 #e1e4e8;
 
-    & > * {
-      max-width: 1280px;
-      margin: auto;
+  main {
+    // overflow: hidden;
+    // This prevents blank scroll area when Gitako is open and window is narrow.
+    // But it conflicts with the pr toolbar. Keep it here as a reminder.
 
-      &.UnderlineNav {
-        position: relative;
-        overflow: visible !important;
+    & > *:first-child {
+      // repo info and nav bar
+      box-shadow: inset 0 -1px 0 #e1e4e8; // from .UnderlineNav
+
+      & > * {
+        max-width: 1280px;
+        margin: 0 auto;
+      }
+
+      nav {
+        overflow: auto !important;
       }
     }
   }