diff --git a/src/assets/index.css b/src/assets/index.css index 36e2976..d4da37b 100644 --- a/src/assets/index.css +++ b/src/assets/index.css @@ -221,3 +221,16 @@ background: transparent; } } + +/* + * Disable enter/exit animations on reka-ui overlays (dialog, sheet, + * popover, dropdown, tooltip, …) app-wide. They animate via the + * data-state open/closed attribute; zeroing the duration keeps the final + * state but removes the motion (overlays appear/disappear instantly). + * Pulse/spin loaders and CSS transitions (e.g. hovers, the favourite + * heart pop) are unaffected. + */ +[data-state='open'], +[data-state='closed'] { + animation-duration: 0s !important; +} diff --git a/src/components/layout/ProfileSheetContent.vue b/src/components/layout/ProfileSheetContent.vue index 5bf0122..ce082b7 100644 --- a/src/components/layout/ProfileSheetContent.vue +++ b/src/components/layout/ProfileSheetContent.vue @@ -1,7 +1,7 @@