patrick/Data2025
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Dashboard scroll-snap

Browse Source
This commit is contained in:
Patrick Haßel 2025-09-23 11:44:19 +02:00
parent d17255ecc1
commit 8a07a4e63f
2 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/main/angular/src/app/dashboard/dashboard.component.html
View File

@ -1,5 +1,7 @@
@for (plot of plots; track plot.id) { <div class="plots">
<div class="plot"> @for (plot of plots; track plot.id) {
<app-plot [plot]="plot"></app-plot> <div class="plot">
</div> <app-plot [plot]="plot"></app-plot>
} </div>
}
</div>

14
src/main/angular/src/app/dashboard/dashboard.component.less
View File

@ -1,4 +1,12 @@
.plot { .plots {
height: 60vw; scroll-snap-type: y mandatory;
max-height: 100vh; height: 100vh;
overflow-y: scroll;
scroll-behavior: smooth;
.plot {
height: 60vw;
scroll-snap-align: start;
max-height: 100vh;
}
} }