feat! (Toc): Split Toc on components and make it more stateful

diplodoc-platform · Jan 27, 2023 · dab3dc1 · dab3dc1
1 parent 60bd6db
commit dab3dc1
Show file tree

Hide file tree

Showing 5 changed files with 338 additions and 250 deletions.
diff --git a/src/components/Toc/Toc.scss b/src/components/Toc/Toc.scss
@@ -97,47 +97,14 @@ $leftOffset: 57px;
             cursor: pointer;
             user-select: none;
 
-            &-link {
-                display: block;
-                text-decoration: none;
-            }
-
-            &-text {
-                position: relative;
-                padding: 7px 12px 7px 20px;
-                word-break: break-word;
-
-                color: var(--yc-color-text-primary);
-
-                &::before {
-                    content: '';
-                    position: absolute;
-                    top: 0;
-                    right: 0;
-                    // hack: to be shure that it will always start from the left of the TOC
-                    left: -100vw;
-                    height: 100%;
-                }
-
-                &:hover {
-                    border-radius: 3px;
-                    background: var(--yc-color-base-simple-hover);
-                }
-            }
-
-            &-icon {
-                position: absolute;
-                left: 0;
-            }
-
             &_main > *:first-child {
                 color: var(--yc-color-text-primary);
             }
 
-            &_active {
-                border-radius: 3px;
-                background: var(--yc-color-base-selection);
-            }
+            //&_active {
+            //    border-radius: 3px;
+            //    background: var(--yc-color-base-selection);
+            //}
 
             &:not(&_opened) > #{$class}__list {
                 display: none;