-
Notifications
You must be signed in to change notification settings - Fork 6.8k
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-actions has inconsistent spacing #13382
Comments
Fixes the margin between the first action button all the other not being even. Also fixes the margin not being reset on the last button when using `align="end"`. Fixes angular#13382.
Guys what is justification for having negative margin on mat-card-actions ? |
I think the reason for the negative margin is to prevent the actions' margin from overlapping with the card's padding. |
Fixes the margin between the first action button all the other not being even. Also fixes the margin not being reset on the last button when using `align="end"`. Fixes #13382.
Fixes the margin between the first action button all the other not being even. Also fixes the margin not being reset on the last button when using `align="end"`. Fixes angular#13382.
Fixes the margin between the first action button all the other not being even. Also fixes the margin not being reset on the last button when using `align="end"`. Fixes angular#13382.
Fixes the margin between the first action button all the other not being even. Also fixes the margin not being reset on the last button when using `align="end"`. Fixes angular#13382.
Fixes the margin between the first action button all the other not being even. Also fixes the margin not being reset on the last button when using `align="end"`. Fixes angular#13382.
will this be fixed at any time? |
Since the latest release selectors should be change to .mat-button-base, I had a issue as .mat-flat-button and .mat-stroked-button are absolutely ignored in .mat-card-actions and .mat-dialog-actions. The part with the dialog has been fixed, but with the card hasn't, but I can't reopen it. |
Fixes the margin between the first action button all the other not being even. Also fixes the margin not being reset on the last button when using `align="end"`. Fixes angular#13382.
I've updated #13390 to use |
Fixes the margin between the first action button all the other not being even. Also fixes the margin not being reset on the last button when using `align="end"`. Fixes angular#13382.
The new MDC based card component coming soon in v15 does not have any padding between the buttons anymore so this will be not applicable anymore. |
This issue has been automatically locked due to inactivity. Read more about our automatic conversation locking policy. This action has been performed automatically by a bot. |
Bug, feature request, or proposal:
Button spacing in mat-card-actions is different between the 1st and 2nd button and the 2nd and 3rd button.

What is the expected behavior?
Spacing should be consistent.
What is the current behavior?
Spacing is not consistent
What are the steps to reproduce?
https://stackblitz.com/edit/angular-fjkrkb
Look at spacing between the buttons in mat-card-actions and see that they are not the same
What is the use-case or motivation for changing an existing behavior?
Seems like a bug
The text was updated successfully, but these errors were encountered: