Make mat card scrollable

.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>

Similar codes

0 vote413 views1 answer
Flex-wrap#verhindert auslaufen aus container
CSS
0 vote324 views1 answer
ERROR in multi ./node_modules/ngx-toastr/toastr.css ./src/styles.scss
CSS
4 votes355 views1 answer
Grid-area
CSS
104 votes397 views6 answers
Media screen
CSS
2 votes428 views2 answers
Bootstrap icons in angular
CSS Bootstrap
0 vote379 views1 answer
Top down gradient css on body
CSS
74 votes358 views6 answers
Display flex
CSS
0 vote443 views1 answer
Scroll div when page scroll
CSS
1 vote356 views1 answer
How to check if eloquent result is empty
CSS
0 vote364 views1 answer
Easyui datagrid header multiline
CSS