Koha9
4158d999de
552f9c4 feat: Centralize animation and timing constants cc962c2 feat: Adjust sync animation gradient e623426 feat: Add playlist sync functionality and animations git-subtree-dir: sample-front-end git-subtree-split: 552f9c471324793b85af14534e81d45d319036a2
23 lines
1.3 KiB
TypeScript
23 lines
1.3 KiB
TypeScript
// Animation and timing configuration centralization.
|
|
// Adjust these values for debugging or tuning animation behavior.
|
|
export const STRIPE_TILE_SIZE = 56.57; // px size for repeating background pattern
|
|
export const STRIPE_BASE_SPEED = 56.57; // px per second initial scroll speed
|
|
export const STRIPE_DECEL_DURATION_MS = 500; // ms duration of deceleration phase
|
|
|
|
export const SYNC_SUCCESS_TOTAL_MS = 1000; // ms until header returns to idle after success
|
|
export const SYNC_ERROR_RESET_MS = 2000; // ms until reset after error state
|
|
|
|
export const TOAST_AUTO_DISMISS_MS = 3000; // ms before toast begins exit
|
|
export const TOAST_EXIT_DURATION_MS = 300; // ms exit animation duration
|
|
|
|
// If needed later for entrance timing tweaks
|
|
export const TOAST_ENTER_FRAME_DELAY_MS = 0; // logical placeholder (double rAF currently)
|
|
|
|
// Helper: derive CSS backgroundSize string
|
|
export const STRIPE_BACKGROUND_SIZE = `${STRIPE_TILE_SIZE}px ${STRIPE_TILE_SIZE}px`;
|
|
|
|
// Sync banner sizing (background behind SYNCHRONIZING / SYNC COMPLETE text)
|
|
// Adjust these to change the black rectangle size.
|
|
export const SYNC_BANNER_PADDING_X = 32; // horizontal padding in px
|
|
export const SYNC_BANNER_PADDING_Y = 6; // vertical padding in px
|
|
export const SYNC_BANNER_MIN_WIDTH = 260; // optional minimum width (px)
|