Skip to content

Commit

Permalink
fix(material/card): Adds original padding for a card footer
Browse files Browse the repository at this point in the history
The mat-progress-bar overflows when placed in the mat-card-footer.
Content should not extend beyond the borders of the card

Removed the display: flex property as it is not required for the footer component

Fixes angular#28785
  • Loading branch information
lsamboretrorabbit committed Apr 6, 2024
1 parent b1579f7 commit d2c4e31
Showing 1 changed file with 1 addition and 3 deletions.
4 changes: 1 addition & 3 deletions src/material/card/card.scss
Expand Up @@ -115,9 +115,7 @@ $mat-card-default-padding: 16px !default;

// Footer section at the bottom of a card. MDC does not have a pre-made footer section for cards.
// Maintained here for backwards compatibility with the previous generation MatCard.
.mat-mdc-card-header {
display: flex;

.mat-mdc-card-footer {
// Apply default padding for the footer region. Omit any bottom padding because we assume
// this region will be followed by another region that includes top padding.
padding: $mat-card-default-padding $mat-card-default-padding 0;
Expand Down

0 comments on commit d2c4e31

Please sign in to comment.