fix: SubNavigation appearance (#54)

* fix: override style to new SubNavigation * fix: on page without MiniToc share-button and menu appear incorrectly --------- Co-authored-by: Ruslan Bagautdinov <bagautdinovrl@yandex-team.ru>
diplodoc-platform · Jul 17, 2024 · 9eb5da8 · 9eb5da8
1 parent 63814b2
commit 9eb5da8
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -60,7 +60,7 @@
     "mini-css-extract-plugin": "^2.7.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-svg-loader": "^3.0.3",
+    "react-svg-loader": "^3.0.0",
     "rtlcss": "^4.1.1",
     "sass": "^1.69.5",
     "sass-loader": "^13.3.2",

diff --git a/src/components/App/App.scss b/src/components/App/App.scss
@@ -26,6 +26,7 @@
 
     .dc-root_full-header & {
         --dc-header-height: 64px;
+        --dc-subheader-height: 52px;
     }
 }
 

diff --git a/src/styles/default.scss b/src/styles/default.scss
@@ -13,7 +13,7 @@ body {
 
 .g-root {
     --dc-header-height: 0;
-    --dc-subheader-height: 40px;
+    --dc-subheader-height: 52px;
 
     --dc-error-image-403: url('data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=');
     --dc-error-image-404: url('data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=');

diff --git a/src/styles/overrides.scss b/src/styles/overrides.scss
@@ -65,7 +65,7 @@
 }
 
 .pc-navigation {
-    z-index:  101;
+    z-index:  120;
 
     .desktop .dc-root_wide-format & .container-fluid {
         padding: 0;
@@ -104,8 +104,15 @@
     }
 }
 
+.pc-mobile-navigation {
+    z-index: 119;
+    // top: calc(var(--header-height) + var(--dc-subheader-height));
+}
+
+
+
 .pc-navigation {
-    z-index:  101;
+    z-index:  120;
 
     .desktop.dc-root_wide-format & .container-fluid {
         padding: 30px;
@@ -122,4 +129,4 @@
             padding: 0;
         }
     }
-}
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -26,6 +26,7 @@ @@
         .dc-root_full-header & {
             --dc-header-height: 64px;
+            --dc-subheader-height: 52px;
         }
     }
@@ Expand Down @@