From 65e454ae9e6e8033c741d637680653b7ff99c6a5 Mon Sep 17 00:00:00 2001 From: 3dtours Date: Sat, 17 Oct 2026 12:30:37 +0700 Subject: [PATCH] fix(studio): fix mobile studio-strip thumbs layout and eliminate vertical expansion gap --- docker/frontend/src/styles/app.css | 17 +++-------------- docker/recipescam-images.tar.gz.sha256 | 2 +- 2 files changed, 4 insertions(+), 15 deletions(-) diff --git a/docker/frontend/src/styles/app.css b/docker/frontend/src/styles/app.css index 0e42c54..60f9bea 100644 --- a/docker/frontend/src/styles/app.css +++ b/docker/frontend/src/styles/app.css @@ -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; } diff --git a/docker/recipescam-images.tar.gz.sha256 b/docker/recipescam-images.tar.gz.sha256 index f2935f8..aea4c73 100644 --- a/docker/recipescam-images.tar.gz.sha256 +++ b/docker/recipescam-images.tar.gz.sha256 @@ -1 +1 @@ -cc2654854d18fb42ae4ab57972171dad241ba4b06447b7fc30e632529400f39a recipescam-images.tar.gz +59f74b561c1bb37a9705de7001f37ff8e0851c5171f66d46938ad499fb743e47 recipescam-images.tar.gz