fix(studio): fix mobile studio-strip thumbs layout and eliminate vertical expansion gap

This commit is contained in:
2026-10-17 12:30:37 +07:00
parent 7c6baa6319
commit 65e454ae9e
2 changed files with 4 additions and 15 deletions
+3 -14
View File
@@ -3134,23 +3134,12 @@ form[data-key='immich-modal'] {
.workspace.is-mobile .col .chip {
width: auto !important;
}
/* The roll, in the bar's own system rather than the stage's. The chip bar
insets itself by 8px, spaces its chips 6px apart, and a chip is a pill on
`--bg-elev`; the strip already sat on that same 8px edge, but it wore the
stage's square frame and floated in the stage's centred cluster, so the row
of frames read as a foreign row hovering above the bar instead of the bar's
own first line. Same gap, same pill, and anchored to the bottom: the roll
ends up the row above the toolbar, which is the row above the chip bar, with
the photo giving way above it. Frames are 44px so the eight of a folder fit
the 414px a phone has between the insets and the roll does not have to be
scrolled to be read. */
/* The thumbs filmstrip under the photo in Studio on mobile */
.workspace.is-mobile .studio-strip {
gap: 6px !important;
/* The strip is centred when it is narrower than the stage, and a centred row
starts where its own width leaves it — 18px in, against the bar's 8px. It
takes the whole width so its first frame lands on the bar's own inset. */
width: 100% !important;
margin-top: auto !important;
flex: 0 0 auto !important;
margin: 0 !important;
padding-bottom: 0 !important;
scroll-padding-inline: 8px !important;
}
+1 -1
View File
@@ -1 +1 @@
cc2654854d18fb42ae4ab57972171dad241ba4b06447b7fc30e632529400f39a recipescam-images.tar.gz
59f74b561c1bb37a9705de7001f37ff8e0851c5171f66d46938ad499fb743e47 recipescam-images.tar.gz