style: optimize the sidebar style

_config.yml

@@ -104,5 +104,4 @@ magic:
   shadow: true
   sidebar:
     enable: false
-    fixed: true
     position: right  # values: left | right

source/css/layout/_partial/sidebar-categories.styl

@@ -10,77 +10,61 @@
   .category-label {
     margin-bottom: 12px;
     padding-bottom: 12px;
-    //padding-left: 10px;
     font-size: 16px;
     font-weight: 600;
     border-bottom: 1px solid var(--border-color);
-
-    /*&::after {
-      content: '';
-      position: absolute;
-      top: 20px;
-      left: 20px;
-      width: 4px;
-      height: 20px;
-      background: #333;
-
-    }
-*/
-  }
-
-
-  .category-list {
-
-    li.category-list-item {
-      padding: 6px;
-      margin-bottom: 10px;
-      border: 1px solid var(--border-color);
-      border-radius: 4px;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      transition: all 0.3s ease;
-
-      &:last-child {
-        margin-bottom: 0;
-      }
-
-      &:hover {
-        box-shadow: 0 0 5px var(--border-color);
-        transform: scale(1.02);
-      }
-
-      .number {
-        font-size: 12px;
-        background: skyblue;
-        border-radius: 2px;
-        width: 22px;
-        height: 22px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        color: var(--background-color);
-
-      }
-    }
   }
 
   .post-category-list {
+
     .post-category-list-item {
-      display: flex;
-      justify-content: space-between;
       margin-bottom: 10px;
 
       &:last-child {
         margin-bottom: 0;
       }
 
-      .post-category-list-link {
+      a.post-category-list-link {
+
+        &:hover {
+          font-weight: 550;
+        }
 
       }
 
-      .post-category-list-count {
+      span.post-category-list-count {
 
+        float: right;
+
+        &::before {
+          content: '（';
+        }
+
+        &::after {
+          content: '）';
+        }
+
+      }
+
+
+      ul.post-category-list-child {
+
+        margin-left: 10px;
+        margin-top: 15px;
+
+        li {
+
+          &::before {
+            content: '· ';
+          }
+
+          margin-bottom: 10px;
+
+          &:last-child {
+            margin-bottom: 0;
+          }
+
+        }
       }
     }
   }

source/css/layout/_partial/sidebar.styl

@@ -25,10 +25,5 @@
 }
 
 .sidebar-other {
-  if (!hexo-config('magic.sidebar.fixed')) {
+  position: absolute;
-    position: absolute;
+}
-  } else {
-    position: fixed;
-  }
-
-}

source/css/layout/page.styl

@@ -187,4 +187,4 @@
   .main-content {
     width: 90% !important;
   }
-}
+}

source/js/toc.js

@@ -24,7 +24,6 @@ window.addEventListener('DOMContentLoaded', () => {
         });
 
 
-
         function activateNavByIndex(target) {
             if (target.classList.contains('active-current')) return;
             document.querySelectorAll('.post-toc .active').forEach(element => {
@@ -86,8 +85,15 @@ window.addEventListener('DOMContentLoaded', () => {
         createIntersectionObserver(document.documentElement.scrollHeight);
 
     } else {
-        postTocWrap.innerHTML = '';
+
-        articleToc.style.display = 'none';
+        if (postTocWrap) {
+            postTocWrap.innerHTML = '';
+            postTocWrap.style.display = 'none';
+        }
+
+        if (articleToc) {
+            articleToc.style.display = 'none';
+        }
     }