fix: update some details

- right side bar now has background color - tweak hovering block style
qbosen · Aug 2, 2021 · f971483 · f971483
1 parent bcfa416
commit f971483
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 9 deletions.
diff --git a/src/_blocks.scss b/src/_blocks.scss
@@ -102,14 +102,20 @@ a:hover > .bullet-container .bullet {
       display: block;
       position: absolute;
       width: 4px;
-      height: 12px;
-      top: calc(50% - 6px);
-      left: -6px;
+      height: 10px;
+      top: calc(50% - 5px);
+      left: -8px;
+      transform: scaleY(0.5);
+      transition: all 0.2s;
+      opacity: 0;
+      background: var(--ct-primary-color);
+      border-radius: 2px;
     }
   }
 
   &:hover > span > span > :first-child::before {
-    background: var(--ct-primary-color);
+    opacity: 1;
+    transform: scaleY(1);
   }
 }
 

diff --git a/src/_views.scss b/src/_views.scss
@@ -40,7 +40,6 @@
 
 .cp__right-sidebar .sidebar-item {
   margin: var(--ct-sidebar-padding) 0;
-  background: transparent;
   box-shadow: none;
 }
 
@@ -57,10 +56,6 @@
   padding-right: 1rem;
 }
 
-.sidebar-item.color-level .color-level {
-  background: var(--color-level-1);
-}
-
 /* Right sidebar title */
 .sidebar-item .ml-1:not(.text-sm) {
   font-size: 1.2em;