fix: Fix navigation and layout paddings

diplodoc-platform · Oct 31, 2024 · 096a325 · 096a325
1 parent a34d235
commit 096a325
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 17 deletions.
diff --git a/src/styles/overrides.scss b/src/styles/overrides.scss
@@ -20,10 +20,6 @@
     & > .container-fluid {
         padding-right: $desktopHPadding;
         padding-left: $desktopHPadding;
-
-        & .col {
-            padding: 0;
-        }
     }
 }
 
@@ -34,10 +30,8 @@
 .pc-layout {
     &__content {
         display: flex;
-        align-items: center;
     }
 
-    &__content > .pc-Grid,
     &__navigation > .container-fluid {
         padding-right: $desktopHPadding;
         padding-left: $desktopHPadding;
@@ -46,6 +40,8 @@
 
     &__content > .pc-Grid {
         &:has(.dc-doc-page) {
+            padding: 0;
+
             .container-fluid {
                 padding-right: 0;
                 padding-left: 0;
@@ -90,10 +86,6 @@
         .dc-doc-page {
             width: 100%;
         }
-
-        .dc-doc-layout__toc {
-            padding-left: 0;
-        }
     }
 
     .pc-layout {
@@ -122,8 +114,8 @@
 @media (max-width: map-get($screenBreakpoints, 'md') - 1) {
     .pc-navigation {
         & > .container-fluid {
-            padding-right: $mobileRPadding;
-            padding-left: $mobileLPadding;
+            padding-right: 0;
+            padding-left: 0;
         }
 
         .pc-overflow-scroller {
@@ -160,8 +152,6 @@
 @media (max-width: map-get($screenBreakpoints, 'md') - 1) {
     .dc-root_document-page {
         .pc-Grid {
-            padding-right: 20px;
-            padding-left: 20px;
             max-width: 100%;
         }
     }

diff --git a/src/styles/variables.scss b/src/styles/variables.scss
@@ -10,9 +10,7 @@ $headerMarginTopMedium: 32px;
 $popupPadding: 16px;
 $centerBlockMaxWidth: 736px;
 $wideFormatHorizontalPadding: 8px;
-$desktopHPadding: 24px;
-$mobileLPadding: 20px;
-$mobileRPadding: 12px;
+$desktopHPadding: 16px;
 
 $screenBreakpoints: (
     'xs': 375px,