Places: Add resize handle to cluster preview to adjust its size #1898

New issue

Open

opened 2026-02-20 01:02:05 -05:00 by deekerman · 0 comments

deekerman commented

2026-02-20 01:02:05 -05:00

Owner

Originally created by @lastzero on GitHub (Sep 20, 2023).

As a Places view user, I would like the cluster preview layer at the bottom to have a resize handle so I can adjust its size with the mouse (desktop) or a touch (mobile).

Similar to the main navigation, the size setting should be remembered, e.g. by saving it to the browser's local storage.
At the moment, the size is specified via CSS based on the screen size and orientation. You can remove this if it interferes with the new resize functionality.
Since the code size of our frontend is at its limits, the resize handle should ideally be implemented with plain JS / VueJS, i.e. without installing a plugin.

This is a follow-up issue to improve the usability of the new Places cluster view:

#1187
#2596

Originally created by @lastzero on GitHub (Sep 20, 2023). **As a Places view user, I would like the cluster preview layer at the bottom to have a resize handle so I can adjust its size with the mouse (desktop) or a touch (mobile).** - Similar to the main navigation, the size setting should be remembered, e.g. by saving it to the browser's local storage. - At the moment, the size is specified via CSS based on the screen size and orientation. You can remove this if it interferes with the new resize functionality. - Since the code size of our frontend is at its limits, the resize handle should ideally be implemented with plain JS / VueJS, i.e. without installing a plugin. ![resize-handle](https://github.com/photoprism/photoprism/assets/301686/976fcc87-07bd-425c-aabe-936d052d5af3) This is a follow-up issue to improve the usability of the new Places cluster view: - #1187 - #2596