fixing article layout, I think

Consensys · Nov 29, 2024 · b90c0a0 · b90c0a0
1 parent f9fc723
commit b90c0a0
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 9 deletions.
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -1308,7 +1308,7 @@ html[data-theme="dark"] .navbar {
 }
 
 .thin-scrollbar {
-  background-color: var(--banner-background) !important;
+  background-color: var(--banner-background);
   margin: 5px 22px 0;
   border-radius: 12px;
   max-height: 80vh;
@@ -1387,10 +1387,6 @@ div[aria-label="Expand sidebar"] {
   border: none;
 }
 
-.theme-doc-toc-desktop {
-  margin-right: 5px;
-}
-
 .table-of-contents__link {
   color: var(--linea-sidebar-text-color);
 }
@@ -1401,13 +1397,26 @@ div[aria-label="Expand sidebar"] {
 }
 
 .theme-doc-toc-desktop {
+  margin-right: 5px;
   transform: translateY(-16px);
 }
 
 @media (width <= 1200px) {
-  /* hides TOC hen viewport gets too slim */
+  /* hides TOC when viewport gets too slim */
   ul.table-of-contents {
-    display: none;
+    visibility: hidden;
+  }
+
+  .theme-doc-toc-desktop {
+    background-color: var(--page-background);
+    width: 0;
+  }
+}
+
+@media (width <= 996px) {
+  /* hides TOC when viewport gets too slim */
+  ul.table-of-contents {
+    visibility: visible;
   }
 }
 
@@ -1417,3 +1426,19 @@ div[aria-label="Expand sidebar"] {
   border-radius: 15px;
   max-height: 80vh;
 }
+
+
+@media (width <= 1200px) {
+  div .col .col--3 {
+    display: none !important;
+  }
+
+  .col--3 {
+    --ifm-col-width: 0;
+    padding: 0;
+  }
+}
+
+.theme-doc-markdown .markdown {
+  margin-right: 10px !important;
+}
diff --git a/src/theme/DocItem/Layout/styles.module.css b/src/theme/DocItem/Layout/styles.module.css
@@ -7,13 +7,25 @@
   margin-top: 35px;
 }
 
-@media (width >= 997px) {
+@media (width >= 1200px) {
   .docItemCol {
     max-width: 75% !important;
   }
 }
 
+@media (width <= 1200px) {
+  .docItemCol {
+    max-width: 99.2% !important;
+  }
+}
+
+@media (width <= 996px) {
+  .docItemCol {
+    max-width: 100% !important;
+  }
+}
+
 /* adjusts Y position of the main article section in the layout */
 nav[aria-label="Breadcrumbs"] {
   margin-top: 0px !important;
-}
+}