feat: **BREAKING!** enable mobile toc through legacyToc prop

diplodoc-platform · Nov 6, 2024 · f40425d · f40425d
1 parent 02867e3
commit f40425d
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/components/DocLayout/DocLayout.scss b/src/components/DocLayout/DocLayout.scss
@@ -134,6 +134,14 @@
             }
         }
 
+        &__legacy-toc {
+            position: static;
+            left: auto;
+            width: 100%;
+
+            border-right: none;
+        }
+
         &__toc {
             position: static;
             width: 100%;

diff --git a/src/components/DocLayout/DocLayout.tsx b/src/components/DocLayout/DocLayout.tsx
@@ -28,6 +28,7 @@ export interface DocLayoutProps {
     loading?: boolean;
     footer?: React.ReactNode;
     singlePage?: boolean;
+    legacyToc?: boolean;
     onChangeSinglePage?: (value: boolean) => void;
     pdfLink?: string;
 }
@@ -46,6 +47,7 @@ export class DocLayout extends React.Component<DocLayoutProps> {
             hideRight = false,
             loading = false,
             footer = null,
+            legacyToc = false,
         } = this.props;
         let left, center, right;
         const modes = {
@@ -78,7 +80,7 @@ export class DocLayout extends React.Component<DocLayoutProps> {
                 {/* layout direction reverses on mobiles */}
                 <div className={b('mobile-only')}>{footer}</div>
                 {fullScreen ? null : (
-                    <div className={b('left', modes)}>
+                    <div className={b('left', modes, legacyToc ? b('legacy-toc') : undefined)}>
                         {this.renderToc()}
                         {left}
                     </div>