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

[mat-card] Wrapped actions end up misaligned #18391

Open
hariettem opened this issue Feb 4, 2020 · 0 comments
Open

[mat-card] Wrapped actions end up misaligned #18391

hariettem opened this issue Feb 4, 2020 · 0 comments
Labels
area: material/card G This is is related to a Google internal issue material spec Issue related to the Material Design spec https://material.io/design/ P4 A relatively minor issue that is not relevant to core functions

Comments

@hariettem
Copy link

Bug:

Long strings in the actions section of a material card end up wrapping to a second line. That behavior seems fine, except that the first action in the second line has a left margin. This causes it to not be aligned to the actions in the first line.

Screenshot

What is the expected behavior?

Actions wrapping to a new line should not have a left margin, like the first action.

What is the current behavior?

There's no differentiation between the first action of a new line.

What are the steps to reproduce?

Add two buttons to a material card. Make the second button long enough to not fit in the first line.
Stackblitz

@jelbourn jelbourn added material spec Issue related to the Material Design spec https://material.io/design/ P4 A relatively minor issue that is not relevant to core functions G This is is related to a Google internal issue labels Feb 4, 2020
@crisbeto crisbeto removed the has pr label Feb 22, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area: material/card G This is is related to a Google internal issue material spec Issue related to the Material Design spec https://material.io/design/ P4 A relatively minor issue that is not relevant to core functions
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants