okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tweaks to page transitions

Browse source
This commit is contained in:
booploops 2022-02-22 20:04:55 -08:00
parent 1fb350bba9
commit 982f179684
3 changed files with 47 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/renderer/style.less
View file

@ -2735,12 +2735,31 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
.wpfade_transform-enter-active,
.wpfade_transform-leave-active {
transition: opacity .1s var(--appleEase), transform .1s var(--appleEase);
--transitionTime: 0.2s;
transition: opacity var(--transitionTime) var(--appleEase), transform var(--transitionTime) var(--appleEase);
}
.wpfade_transform-enter,
.wpfade_transform-enter {
opacity: 0;
transform: translateX(50%);
}
.wpfade_transform-leave-to {
transform: translateX(20px);
opacity: 0;
// transform: translateX(-50%);
}
.wpfade_transform_backwards-enter-active,
.wpfade_transform_backwards-leave-active {
--transitionTime: 0.2s;
transition: opacity var(--transitionTime) var(--appleEase), transform var(--transitionTime) var(--appleEase);
}
.wpfade_transform_backwards-enter {
opacity: 0;
transform: translateX(-50%);
}
.wpfade_transform_backwards-leave-to {
opacity: 0;
}