afcdfd289d
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). |
||
|---|---|---|
| .. | ||
| fonts | ||
| js | ||
| lib | ||
| app.js | ||
| index.html | ||
| landing.html | ||
| login.html | ||
| manifest.json | ||
| style.css | ||
| sw.js | ||