Search
 
SCRIPT & CODE EXAMPLE
 

CSS

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

PREVIOUS NEXT
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 
ADD CONTENT
Topic
Content
Source link
Name
4+1 =