update

docschina · Oct 11, 2023 · 8a139e7 · 8a139e7
1 parent f3962e5
commit 8a139e7
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 34 deletions.
diff --git a/src/components/Sidebar/Sidebar.jsx b/src/components/Sidebar/Sidebar.jsx
@@ -49,7 +49,7 @@ export default function Sidebar({ className = '', pages, currentPage }) {
           >
             {versions.map((version) => (
               <option key={version} value={version}>
-                Webpack {version}
+                webpack {version}
               </option>
             ))}
           </select>

diff --git a/src/components/Sidebar/Sidebar.scss b/src/components/Sidebar/Sidebar.scss
@@ -17,14 +17,8 @@
   padding: 1.5em;
   position: sticky;
   top: -1px;
-  overflow: scroll;
+  overflow-y: auto;
   max-height: 100vh;
-  // To hide scrollbar in Firefox
-  scrollbar-width: none;
-  // To hide scrollbar in Chrome
-  &::-webkit-scrollbar {
-    width: 0 !important;
-  }
 }
 
 .sidebar__group {

diff --git a/src/components/SidebarItem/SidebarItem.jsx b/src/components/SidebarItem/SidebarItem.jsx
@@ -36,36 +36,22 @@ export default class SidebarItem extends Component {
   renderAnchors(anchors) {
     return (
       <ul className={`${block}__anchors`}>
-        {anchors.map((anchor) => {
-          anchor = this._handleAnchor(anchor);
-          return (
-            <li
-              key={this._generateAnchorURL(anchor)}
-              className={`${block}__anchor`}
-              title={anchor.title}
-            >
-              <NavLink to={this._generateAnchorURL(anchor)}>
-                {anchor.title}
-              </NavLink>
-              {anchor.children && this.renderAnchors(anchor.children)}
-            </li>
-          );
-        })}
+        {anchors.map((anchor) => (
+          <li
+            key={this._generateAnchorURL(anchor)}
+            className={`${block}__anchor`}
+            title={anchor.title}
+          >
+            <NavLink to={this._generateAnchorURL(anchor)}>
+              {anchor.title2}
+            </NavLink>
+            {anchor.children && this.renderAnchors(anchor.children)}
+          </li>
+        ))}
       </ul>
     );
   }
 
-  _handleAnchor(anchor) {
-    let id = anchor.id;
-    let title = anchor.title2;
-    const match = /^.+(\s*\$#([a-z0-9\-_]+?)\$\s*)$/.exec(title);
-    id = match ? match[2] : id;
-    title = match ? title.replace(match[1], '').trim() : title;
-    anchor.id = id;
-    anchor.title = title;
-    return anchor;
-  }
-
   render() {
     let { title, anchors = [] } = this.props;
     let openMod = this.state.open ? `${block}--open` : '';