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

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

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

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

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