Merge pull request #340 from vordgi/rd-339

rd-339 improve sidebar transitions
vordgi · Oct 16, 2024 · 382af98 · 382af98
2 parents 85e90b2 + 6924d6d
commit 382af98
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/packages/robindoc/package.json b/packages/robindoc/package.json
@@ -1,6 +1,6 @@
 {
   "name": "robindoc",
-  "version": "2.1.4",
+  "version": "2.1.5",
   "description": "",
   "main": "./lib/index.js",
   "scripts": {

diff --git a/packages/robindoc/src/components/elements/sidebar/sidebar.scss b/packages/robindoc/src/components/elements/sidebar/sidebar.scss
@@ -59,7 +59,7 @@
   border-bottom-left-radius: 2px;
   background-color: var(--neutral200);
   z-index: 1;
-  transition: background-color 0.3s;
+  transition: background-color 0.2s;
 }
 
 .r-sidebar-nav {
@@ -153,6 +153,7 @@
     width: 2px;
     height: calc(100% + 4px);
     background-color: var(--neutral200);
+    transition: 0.2s;
   }
 }
 
@@ -193,6 +194,7 @@
   border-bottom: 2px solid transparent;
   border-radius: 2px;
   text-decoration: none;
+  transition: 0.2s;
 }
 
 .r-sidebar-link._target {
@@ -227,6 +229,7 @@
   background-color: var(--neutral200);
   list-style: none;
   cursor: pointer;
+  transition: 0.2s;
 
   &:hover {
     background-color: var(--neutral300);
@@ -246,7 +249,7 @@
 
 .r-sidebar-drop-icon {
   display: block;
-  transition: transform 0.3s;
+  transition: transform 0.2s;
 }
 
 .r-sidebar-drop[open] > .r-sidebar-drop-btn > .r-sidebar-drop-icon {