AZEN-SGG/Kavita
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixing animation timing for filter open

Browse source 
Fixes #3635
This commit is contained in:
Robbie Davis 2025-03-14 18:29:41 -04:00
parent 059c4c6936
commit 1fc5ca00b6
1 changed files with 14 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

17
UI/Web/src/app/metadata-filter/metadata-filter.component.ts
View file

@ -38,7 +38,7 @@ import {
Select2UpdateValue Select2UpdateValue
} from "ng-select2-component"; } from "ng-select2-component";
import {SmartFilter} from "../_models/metadata/v2/smart-filter"; import {SmartFilter} from "../_models/metadata/v2/smart-filter";
import {animate, state, style, transition, trigger} from "@angular/animations"; import {animate, keyframes, state, style, transition, trigger} from "@angular/animations";
const ANIMATION_SPEED = 750; const ANIMATION_SPEED = 750;
@ -55,7 +55,11 @@ const ANIMATION_SPEED = 750;
[ [
style({ height: 0, opacity: 0 }), style({ height: 0, opacity: 0 }),
animate('.5s ease-out', animate('.5s ease-out',
style({ height: 300, opacity: 1 })) keyframes([
style({ height: 300, offset: 0}),
style({ opacity: 1, offset: 0.8 })
])
)
] ]
), ),
transition( transition(
@ -63,9 +67,14 @@ const ANIMATION_SPEED = 750;
[ [
style({ height: 300, opacity: 1 }), style({ height: 300, opacity: 1 }),
animate('.5s ease-in', animate('.5s ease-in',
style({ height: 0, opacity: 0 })) keyframes([
]
style({ opacity: 0, offset: 0 }),
style({ height: 0, offset: 0.8})
])
) )
],
),
] ]
), ),
], ],