mirror of
https://github.com/supabase/supabase.git
synced 2026-10-15 14:19:11 +03:00
ChrisandDanny White
842e1b5e40
## Problem Long confirm strings in `TextConfirmModal` don't wrap. I noticed it when deleting a preview branch with a long name: the name runs past the edge of the dialog and gets cut off, so you can't read what you're supposed to type. ## Solution Changed `whitespace-pre` to `whitespace-pre-wrap` on the confirm string so it wraps. Did the same for the copy button in the `enableCopy` variant and let it grow in height so the wrapped text fits. https://github.com/user-attachments/assets/0a2aa346-8e61-4d58-b595-e6adee4aa1fd ## Review instructions 1. Open the Text Confirm Dialog page in the design system preview. 2. In the demo, change `bucketName` to something long and open the dialog. The name should wrap instead of being cut off. 3. Add `enableCopy` to the demo and check the copy button wraps too. 4. Short names should look the same as before. ## Checklist Check all before review: - [x] I have read [CONTRIBUTING.md](https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md) - [ ] If I wrote a new docs topic or edited an existing topic, I used the `/write-the-docs` or `/edit-the-docs` skill, which applies the docs [style guide](https://github.com/supabase/supabase/tree/master/apps/docs/style-guide) --------- Co-authored-by: Danny White <3104761+dnywh@users.noreply.github.com>