clean scss

src/client/styles/scss/_sidebar.scss

@@ -21,7 +21,6 @@
   // sticky
   position: sticky;
   top: $grw-navbar-border-width;
-  z-index: $zindex-sticky;
 
   .ak-navigation-resize-button {
     position: fixed;
@@ -58,8 +57,6 @@
   // override @atlaskit/navigation-next styles
   $navbar-total-height: $grw-navbar-height + $grw-navbar-border-width;
   div[data-layout-container='true'] {
-    max-height: calc(100vh - #{$grw-navbar-border-width});
-
     // css-teprsg
     > div:nth-of-type(2) {
       padding-left: unset !important;
@@ -67,13 +64,6 @@
     }
   }
   div[data-testid='Navigation'] {
-    position: unset;
-
-    top: $navbar-total-height;
-
-    // Adjust to be on top of the growi subnavigation
-    // z-index: $zindex-sticky + 5;
-
     // css-xxx-ContainerNavigationMask
     > div:nth-of-type(1) {
     }
@@ -146,6 +136,18 @@
 
 // Dock Mode
 @mixin dock() {
+  z-index: $zindex-sticky;
+
+  // override @atlaskit/navigation-next styles
+  $navbar-total-height: $grw-navbar-height + $grw-navbar-border-width;
+  div[data-layout-container='true'] {
+    max-height: calc(100vh - #{$grw-navbar-border-width});
+  }
+  div[data-testid='Navigation'] {
+    position: unset;
+
+    top: $navbar-total-height;
+  }
 }
 
 // Drawer Mode
@@ -153,13 +155,7 @@
   z-index: $zindex-fixed + 1;
 
   // override @atlaskit/navigation-next styles
-  div[data-layout-container='true'] {
-    height: 100vw;
-  }
   div[data-testid='Navigation'] {
-    position: fixed;
-    top: 0;
-
     max-width: 80vw;
 
     // apply transition