Fix table of content view

MohamedAliRashad · Aug 9, 2022 · 8ab9426 · 8ab9426
1 parent 5ab889b
commit 8ab9426
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/_sass/misc/article-menu.scss b/_sass/misc/article-menu.scss
@@ -3,7 +3,7 @@
  */
 
 .post-menu {
-  padding-left: 20px;
+  padding-right: 0px;
   min-width: 200px;
   max-width: 230px;
 
@@ -16,9 +16,12 @@
 
   .post-menu-content {
     ul {
-      border-left: 1px solid #e9ecef;
+      border-right: 3px solid #5b9ddf;
       $indent: $base-font-size / 4;
       $active-bgcolor: #ecebec;
+      display: flex;
+      flex-direction: column;
+      gap: 7px;
 
       @for $i from 2 to 7 {
         .h-h#{$i} {
@@ -46,8 +49,8 @@
       .active {
         background-color: $active-bgcolor;
         transition: background 0.5s;
-        border-left: 2px solid #202020;
-        margin-left: -2px;
+        border-right: 2px solid #202020;
+        margin-right: -2px;
 
         &:hover {
           background-color: lighten($active-bgcolor, 2%);

diff --git a/_sass/yat/_dark.scss b/_sass/yat/_dark.scss
@@ -191,11 +191,11 @@ html[data-theme="dark"]  {
 
     .post-menu-content {
       ul {
-        border-left: 1px solid #787878;
+        border-right: 3px solid #db1b1b;
 
         .active {
           background-color: #2d2d2d;
-          border-left: 2px solid #aaa;
+          border-right: 2px solid #aaa;
         }
 
         a {