rei-mirrors/dockview
1
0
Fork 0
mirror of https://github.com/mathuo/dockview synced 2025-02-21 15:45:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: active sash animation css properties

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/dockview-core/src/splitview/splitview.scss
View File

@ -117,17 +117,16 @@
-ms-user-select: none; // IE 10 and IE 11 -ms-user-select: none; // IE 10 and IE 11
touch-action: none; touch-action: none;
&:not(.disabled):active { &: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):hover { &:not(.disabled):hover {
background-color: var(--dv-active-sash-color, transparent); background-color: var(--dv-active-sash-color, transparent);
transition: background-color transition-property: background-color;
var(--dv-sash-transition-duration, 0.1s) ease-in-out; transition-timing-function: ease-in-out;
transition-delay: var(--dv-sash-transition-delay, 0s); transition-duration: var(
--dv-active-sash-transition-duration,
0.1s
);
transition-delay: var(--dv-active-sash-transition-delay, 0.5s);
} }
} }
} }

5
packages/dockview-core/src/theme.scss
View File

@ -8,9 +8,8 @@
--dv-icon-hover-background-color: rgba(90, 93, 94, 0.31); --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-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
--dv-overlay-z-index: 999; --dv-overlay-z-index: 999;
--dv-active-sash-transition-duration: 0.1s;
--dv-sash-transition-duration: 0.1s; --dv-active-sash-transition-delay: 0.5s;
--dv-sash-transition-delay: 0.5s;
} }
@mixin dockview-theme-dark-mixin { @mixin dockview-theme-dark-mixin {