Шебуршит в оглавлении

doka-guide · Jun 12, 2024 · 6f16b53 · 6f16b53
1 parent e166121
commit 6f16b53
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 6 deletions.
diff --git a/src/styles/blocks/article-nav.css b/src/styles/blocks/article-nav.css
@@ -9,9 +9,10 @@
 @media (width >= 1024px) {
   .article-nav {
     --offset: 10px;
-    padding: var(--offset);
+    padding: calc(var(--offset) * 2);
     font-size: inherit;
     border-bottom: 0;
+    overflow: auto;
   }
 }
 
@@ -33,21 +34,26 @@
 .article-nav__content {
   display: none;
   box-sizing: border-box;
-  padding: 18px 0 var(--offset);
+  padding: var(--offset) 0;
   line-height: 1.8;
 }
 
 @media (width >= 1024px) {
   .article-nav__content {
     display: initial;
     overflow: auto;
-    padding: var(--offset);
     height: 100%;
-    line-height: 2;
+    line-height: 1.8;
     overscroll-behavior: contain;
   }
 }
 
+@media (width >= 1366px) {
+  .article-nav__content {
+    line-height: 1.6;
+  }
+}
+
 .toggle-button__icon--open .article-nav__toggle {
   display: none;
 }
@@ -57,7 +63,6 @@
   display: inline-flex;
   justify-content: space-between;
   align-items: center;
-  padding: var(--offset);
   width: 100%;
   font-size: inherit;
   border: 0;

diff --git a/src/styles/blocks/toc.css b/src/styles/blocks/toc.css
@@ -3,7 +3,13 @@
 }
 
 .toc__item {
-  padding-left: 10px;
+  padding-inline-start: 10px;
+}
+
+@media (width < 1024px) {
+  .toc__item:first-of-type {
+    padding-inline-end: 60px;
+  }
 }
 
 .toc__link {