Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Label of Modal Buttons breaking alignment when text length is long #2081

Open
riccoutinho opened this issue Feb 19, 2025 · 0 comments
Open
Labels
bug Something isn't working

Comments

@riccoutinho
Copy link
Member

Problem

When we pass a long label on the Footer buttons, the alignment of the text breaks.
It happens in both components: ConfirmationModal and Modal (this last one you have to set the size="small" to replicate)

With the Modal component we can customize each button, so we can change the properties to fix the behavior.
With the ConfirmationModal is not possible since we can't access the inner components.

Image

Expected behavior

Button size adapting to the label length.

Reproducible Example

https://codesandbox.io/p/devbox/runtime-haze-c2ry7h

Suggested solution

No response

Additional context

No response

Package

No response

Packages version

No response

Browser

No response

Package Manager

yarn

@riccoutinho riccoutinho added the bug Something isn't working label Feb 19, 2025
@riccoutinho riccoutinho changed the title Text of Modal Buttons breaking alignment when text is long Label of Modal Buttons breaking alignment when text length is long Feb 19, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
Status: No status
Development

No branches or pull requests

1 participant