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

feat(Popover): let action and cancel buttons to wrap on long text #631

Merged
merged 6 commits into from
Apr 24, 2023

Conversation

gearoffortune
Copy link
Contributor

@gearoffortune gearoffortune commented Apr 18, 2023

Currently, the buttons with long text will just break the container
picutre
This pull request fixes this behavour by letting the buttons to wrap and to turn into a coloumn
picture

@gravity-ui-bot
Copy link
Contributor

Preview is ready.

@gearoffortune
Copy link
Contributor Author

@gearoffortune gearoffortune marked this pull request as ready for review April 18, 2023 13:29
@ogonkov
Copy link
Contributor

ogonkov commented Apr 19, 2023

@gearoffortune Can you add story with buttons with long text please?

@gearoffortune
Copy link
Contributor Author

}

&-button {
margin: 5px;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It's better to add at least sass var for this value

@gearoffortune
Copy link
Contributor Author

gearoffortune commented Apr 19, 2023

The buttons are moved towards left a bit
The effective margin is basically 15px on one side and 27 on the other

pic 1
pic 2

@gearoffortune gearoffortune merged commit f22f9b5 into main Apr 24, 2023
@gearoffortune gearoffortune deleted the fix/popover-button-overflow branch April 24, 2023 10:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants