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

Every component put besides to ActionIcon goes to a new line #467

Open
ldcastanheira opened this issue Sep 27, 2023 · 1 comment
Open

Every component put besides to ActionIcon goes to a new line #467

ldcastanheira opened this issue Sep 27, 2023 · 1 comment
Labels
bug Something isn't working component New or changes to components

Comments

@ldcastanheira
Copy link

Link to the page where something isn't quite right

No response

Exact quote of what is wrong

It is pretty simple to reproduce.

In any page.svelte write


The second icon (or anything) goes to a new line.

Are you willing to create pull request with the fix?

Yes

@khalibloo
Copy link
Contributor

This happens because ActionIcon has display: flex. The html default for buttons is inline-block. As far as I can tell, this is mainly so that it can center its content properly. In that case, perhaps using inline-flex would be closer to the default html behavior for buttons.

@BeeMargarida BeeMargarida added bug Something isn't working component New or changes to components labels Sep 28, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working component New or changes to components
Projects
None yet
Development

No branches or pull requests

3 participants