Fix compressed gallery photo-detail metadata panel (#314)

Browse Source

The photo-detail view is an absolutely-positioned (inset:0) overlay
inside .gallery-images-container, so its height resolved to the photo
grid sitting behind it. When the library has only a few photos that grid
is short, which crushed the detail view: the image was clipped and the
metadata sidebar (overflow-y:auto) was squeezed into a tiny,
internally-scrolling strip. With a large library the grid is tall, which
is why the panel looked fine in the demo video but cramped for users with
few photos.

When the detail view is open, hide the grid-view siblings and drop the
overlay into normal flow so the container -- and the window, up to its
existing 92vh max-height -- sizes to the detail's own content (image +
metadata). Nothing is clipped or squeezed regardless of how many photos
exist. Works on both desktop and the mobile full-screen sheet; the grid,
albums and editor views keep sizing to their own content.

Also add before/after comparison screenshots (docs/gallery-314-*.png).

...

This commit is contained in:

Zeus-Deus

2026-06-01 18:47:28 +02:00

parent 70a71f603c

commit afcdfd289d

3 changed files with 24 additions and 0 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

BIN

docs/gallery-314-desktop.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 90 KiB

BIN

docs/gallery-314-mobile.png Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 125 KiB