Skip to content

Commit

Permalink
fix(card-group): set min height to content (#12128)
Browse files Browse the repository at this point in the history
### Related Ticket(s)

[JIRA](https://jsw.ibm.com/browse/ADCMS-6840)

### Description

Adding min height to card-group component to ensure the elements have the correct height.

### Changelog

**New**
Adding min height to card-group component to ensure the elements have the correct height.
  • Loading branch information
marcelojcs authored Dec 3, 2024
1 parent 13fd7a5 commit 8dc1099
Showing 1 changed file with 8 additions and 1 deletion.
9 changes: 8 additions & 1 deletion packages/styles/scss/components/card-group/_card-group.scss
Original file line number Diff line number Diff line change
Expand Up @@ -77,11 +77,18 @@
&::after {
content: revert;
}

&::after {
display: block;
aspect-ratio: 16 / 9;
content: '';
grid-area: 1 / 1 / -1 / -1;
}
}

.#{$prefix}--card__content {
display: grid;
grid-row: span 10;
grid-area: 1 / 1 / -1 / -1;
grid-template-rows: subgrid;
row-gap: 0;
}
Expand Down

0 comments on commit 8dc1099

Please sign in to comment.