Skip to content

Conversation

sifferhans
Copy link
Contributor

@sifferhans sifferhans commented Jun 17, 2025

πŸ”— Linked issue

❓ Type of change

  • πŸ“– Documentation (updates to the documentation or readme)
  • 🐞 Bug fix (a non-breaking change that fixes an issue)
  • πŸ‘Œ Enhancement (improving an existing functionality)
  • ✨ New feature (a non-breaking change that adds functionality)
  • 🧹 Chore (updates to the build process or auxiliary tools and libraries)
  • ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

πŸ“š Description

The content of stacked toasts are hidden when not in the front of the stack, but in my opinion the transition between the visible and invisible states are a bit abrupt. See how the content of the stacked toasts disappear before they are collapsed:

CleanShot.2025-06-17.at.12.33.30.mp4

I switched to using opacity-0 instead of invisible, and I added a slight transition.

πŸ“ Checklist

  • I have linked an issue or discussion.
  • I have updated the documentation accordingly.

Copy link

pkg-pr-new bot commented Jun 17, 2025

npm i https://pkg.pr.new/@nuxt/ui@4367

commit: 904163c

@benjamincanac benjamincanac changed the title feat(toaster): smoother visibility transition for stacked toasts fix(Toaster): smoother visibility transition for stacked toasts Jun 17, 2025
@benjamincanac benjamincanac merged commit abfd0ed into nuxt:v3 Jun 17, 2025
6 checks passed
@benjamincanac
Copy link
Member

Thanks, looks better indeed 😊

@benjamincanac benjamincanac added the v3 #1289 label Aug 27, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
v3 #1289
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants