add to styles - not inline

Author: s1gr1d

src/components/sidebarTableOfContents/index.tsx

@@ -33,18 +33,7 @@ function recursiveRender(items: TocItem[]) {
           } as React.CSSProperties
         }
       >
-        <a
-          href={`${i.url}`}
-          style={{
-            textOverflow: 'ellipsis',
-            overflow: 'hidden',
-            whiteSpace: 'nowrap',
-            display: 'block',
-          }}
-          title={i.title}
-        >
-          {i.title}
-        </a>
+        <a href={`${i.url}`}>{i.title}</a>
         {i.children && <ul>{recursiveRender(i.children)}</ul>}
       </li>
     );

src/components/sidebarTableOfContents/style.module.scss

@@ -18,6 +18,10 @@
     position: relative;
     line-height: 1.5;
     display: block;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+
     color: var(--link-color);
     padding: 0.25em 0;
     opacity: 0.8;