feat: active sash animation css properties

mathuo · Feb 12, 2025 · 837faba · 837faba
1 parent 21caabc
commit 837faba
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 12 deletions.
diff --git a/packages/dockview-core/src/splitview/splitview.scss b/packages/dockview-core/src/splitview/splitview.scss
@@ -117,17 +117,16 @@
             -ms-user-select: none; // IE 10 and IE 11
             touch-action: none;
 
-            &:not(.disabled):active {
-                transition: background-color
-                    var(--dv-sash-transition-duration, 0.1s) ease-in-out;
-                background-color: var(--dv-active-sash-color, transparent);
-            }
-
+            &:not(.disabled):active,
             &:not(.disabled):hover {
                 background-color: var(--dv-active-sash-color, transparent);
-                transition: background-color
-                    var(--dv-sash-transition-duration, 0.1s) ease-in-out;
-                transition-delay: var(--dv-sash-transition-delay, 0s);
+                transition-property: background-color;
+                transition-timing-function: ease-in-out;
+                transition-duration: var(
+                    --dv-active-sash-transition-duration,
+                    0.1s
+                );
+                transition-delay: var(--dv-active-sash-transition-delay, 0.5s);
             }
         }
     }

diff --git a/packages/dockview-core/src/theme.scss b/packages/dockview-core/src/theme.scss
@@ -8,9 +8,8 @@
     --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;
+    --dv-active-sash-transition-duration: 0.1s;
+    --dv-active-sash-transition-delay: 0.5s;
 }
 
 @mixin dockview-theme-dark-mixin {