apps/mapix
4
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

fix: stabilize photo list scrolling

Browse Source
This commit is contained in:
Arne Baeumler
2026-06-13 07:40:11 +02:00
parent 28387dcc6c
commit 6d5d16855d
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/server/request-handler.ts
View File

@@ -317,6 +317,7 @@ function htmlPage(): string {
min-height: 0; min-height: 0;
display: grid; display: grid;
grid-template-rows: auto auto minmax(0, 1fr); grid-template-rows: auto auto minmax(0, 1fr);
overflow: hidden;
} }
.card h2 { .card h2 {
@@ -513,11 +514,13 @@ function htmlPage(): string {
.list { .list {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(84px, 1fr));
grid-auto-rows: minmax(84px, auto);
gap: 4px; gap: 4px;
align-content: start; align-content: start;
min-height: 0; min-height: 0;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
scrollbar-gutter: stable;
padding-right: 2px; padding-right: 2px;
} }
@@ -922,6 +925,7 @@ function htmlPage(): string {
.list { .list {
max-height: min(52vh, 420px); max-height: min(52vh, 420px);
grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
grid-auto-rows: minmax(72px, auto);
gap: 4px; gap: 4px;
} }