LOADING…
0%
Complete changelog

Commit

Fix drawer opening animation by adding complete vaul-svelte CSS

Commit details

Commit notes

The Drawer component wasn't animating up on open because the critical CSS styles from vaul-svelte's :global() declarations weren't being properly applied with Svelte 5 and Tailwind CSS v4.

Added the complete set of drawer animation styles to app.css: - Initial off-screen transform positions for all drawer directions - Visible state transforms that animate the drawer into view - Overlay fade-in animation from opacity 0 to 1 - Pseudo-element background extensions for seamless visuals - Drag state handling to disable transitions during interaction - Snap points overlay handling - User selection prevention on hover devices - Reduced motion support for accessibility

Co-authored-by: armin.naimi <[email redacted]>

Files changed
1
Lines added
+125
Lines removed
−3
This page is a permanent record of commit 43162ee2.