Merge pull request #858 from amirmamaghani/master

Added support for sash delay and duration customization
mathuo · Feb 12, 2025 · 21caabc · 21caabc
2 parents 14b918b + f98be64
commit 21caabc
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/packages/dockview-core/src/splitview/splitview.scss b/packages/dockview-core/src/splitview/splitview.scss
@@ -118,14 +118,16 @@
             touch-action: none;
 
             &:not(.disabled):active {
-                transition: background-color 0.1s ease-in-out;
+                transition: background-color
+                    var(--dv-sash-transition-duration, 0.1s) ease-in-out;
                 background-color: var(--dv-active-sash-color, transparent);
             }
 
             &:not(.disabled):hover {
                 background-color: var(--dv-active-sash-color, transparent);
-                transition: background-color 0.1s ease-in-out;
-                transition-delay: 0.5s;
+                transition: background-color
+                    var(--dv-sash-transition-duration, 0.1s) ease-in-out;
+                transition-delay: var(--dv-sash-transition-delay, 0s);
             }
         }
     }

diff --git a/packages/dockview-core/src/theme.scss b/packages/dockview-core/src/theme.scss
@@ -8,6 +8,9 @@
     --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
     --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
     --dv-overlay-z-index: 999;
+
+    --dv-sash-transition-duration: 0.1s;
+    --dv-sash-transition-delay: 0.5s;
 }
 
 @mixin dockview-theme-dark-mixin {