Fit dashboard cards to available height and add scrollbars if content height does not fit..

This commit is contained in:
Albrecht Lohofener
2025-04-29 12:06:16 +02:00
parent a768c98b27
commit 9b5202d6b4
2 changed files with 6 additions and 2 deletions
@@ -1,5 +1,5 @@
<div class="grid-container">
<mat-grid-list cols="2" rowHeight="280px">
<mat-grid-list cols="2" rowHeight="fit" class="dashboard-grid-list">
<mat-grid-tile [colspan]="1" [rowspan]="1">
<mat-card class="dashboard-card">
<mat-card-header>
@@ -56,7 +56,6 @@
</mat-card>
</mat-grid-tile>
<mat-grid-tile [colspan]="2" [rowspan]="1">
<mat-card class="dashboard-card">
<mat-card-header>
@@ -2,6 +2,10 @@
margin: 20px;
}
.dashboard-grid-list {
height: calc(100vh - 120px);
}
.dashboard-card {
position: absolute;
top: 15px;
@@ -18,4 +22,5 @@
.dashboard-card-content {
text-align: left;
overflow: auto;
}