Merge pull request #1665 from ClickHouse/fix-layout-bug

Fix layout bug with table of contents
ClickHouse · Nov 10, 2023 · 4cc77fb · 4cc77fb
2 parents 5cfa438 + a14902d
commit 4cc77fb
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 9 deletions.
diff --git a/src/css/custom.scss b/src/css/custom.scss
@@ -890,7 +890,6 @@ hr {
   .row {
     height: 100%;
   }
-
 }
 
 button.DocSearch {

diff --git a/src/theme/DocItem/Layout/index.js b/src/theme/DocItem/Layout/index.js
@@ -33,7 +33,7 @@ function useDocTOC() {
 export default function DocItemLayout({children}) {
   const docTOC = useDocTOC();
   return (
-    <div className="row">
+    <div className="row" style={{flexWrap: 'nowrap'}}>
       <div className={clsx('col', !docTOC.hidden && styles.docItemCol)}>
         <DocVersionBanner />
         <div className={styles.docItemContainer}>

diff --git a/src/theme/DocItem/TOC/Desktop/styles.module.css b/src/theme/DocItem/TOC/Desktop/styles.module.css
@@ -8,9 +8,9 @@
   height: calc(100vh - (var(--ifm-navbar-height) + 2rem));
   display: flex;
   flex-flow: column nowrap;
-  top: calc(var(--ifm-navbar-height) + 1rem);
   position: sticky;
   gap: 24px;
+  padding-bottom: 3.5rem;
 }
 
 .docCloudCard {
@@ -63,9 +63,3 @@
     display: none;
   }
 }
-
-@media (min-width: 1100px) {
-  .docCloudCard {
-    margin-right: 24px;
-  }
-}
-Original file line number
+Diff line change
@@ Expand Up / @@ -890,7 +890,6 @@ hr { @@
       .row {
         height: 100%;
       }
     }
     button.DocSearch {
@@ Expand Down @@