Skip to content

Commit

Permalink
fix(kit): skeleton animation speed slow down after speed up `TUI_ANIM…
Browse files Browse the repository at this point in the history
…ATION` (#9984)

Co-authored-by: Павлинина Софья Александровна <s.pavlinina@tinkoff.ru>
  • Loading branch information
Jonesso and Павлинина Софья Александровна authored Dec 16, 2024
1 parent ffb8b25 commit b8bb938
Showing 1 changed file with 2 additions and 3 deletions.
5 changes: 2 additions & 3 deletions projects/kit/directives/skeleton/skeleton.directive.ts
Original file line number Diff line number Diff line change
@@ -11,7 +11,7 @@ import {CHAR_NO_BREAK_SPACE} from '@taiga-ui/cdk/constants';
import {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';
import {tuiPure, tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';
import {TUI_ANIMATIONS_SPEED} from '@taiga-ui/core/tokens';
import {TUI_ANIMATIONS_DEFAULT_DURATION} from '@taiga-ui/core/utils/miscellaneous';
import {tuiGetDuration} from '@taiga-ui/core/utils/miscellaneous';

const FADE = [{opacity: 0.06}, {opacity: 1}];

@@ -39,8 +39,7 @@ class TuiSkeletonStyles {}
export class TuiSkeleton implements OnChanges {
private animation?: Animation;
private readonly el = tuiInjectElement();
private readonly duration =
inject(TUI_ANIMATIONS_SPEED) * TUI_ANIMATIONS_DEFAULT_DURATION * 2;
private readonly duration = tuiGetDuration(inject(TUI_ANIMATIONS_SPEED) * 2);

protected readonly nothing = tuiWithStyles(TuiSkeletonStyles);

0 comments on commit b8bb938

Please sign in to comment.