feat: active sash animation css properties

This commit is contained in:
mathuo 2025-02-12 21:21:16 +00:00
parent 21caabce60
commit 837fabac86
No known key found for this signature in database
GPG Key ID: C6EEDEFD6CA07281
2 changed files with 10 additions and 12 deletions

View File

@ -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);
}
}
}

View File

@ -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 {