.mat-card.scrollable-content {
overflow: hidden;
display: flex;
flex-direction: column;
}
.mat-card.scrollable-content > .mat-card-title-group {
display: block;
}
.mat-card.scrollable-content > .mat-card-content {
overflow-y: auto;
}
<!-- add this in the html -->
<mat-card class="scrollable-content">
</mat-card>
Code Example |
---|
Css :: css ios disable zoom |
Css :: add glow to image css |
Css :: page icon css |
Css :: background gradient problem |
Css :: flex one whole width |
Css :: center absolute |
Css :: ho to choose the first child of parent in css |
Css :: how to link fonts css |
Css :: sticky header |
Css :: how to fix stylelint errors |
Css :: center div horizontally |
Css :: css not last of type |
Css :: css disable mouse events |
Css :: css no bottom ouline |
Css :: ngclass multiple conditions |
Css :: css option value |
Css :: how to remove border of a specific side of td in css |
Css :: restrict flex items in a row |
Css :: how to remove horizontal scrolling |
Css :: Responsive font size with clamp |
Css :: how to remove default styling of a tag |
Css :: how to remove margin of body |
Css :: centralize div inside div |
Css :: add font css |
Css :: css cut text of |
Css :: counter-reset ol css |
Css :: rgb gold |
Css :: css flex responsive |
Css :: margin top inline block css |
Css :: css how to make a pre tag to break line |