photoprism/photoprism

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

Open

#3.747 geöffnet am 20. Sept. 2023

Auf GitHub ansehen
 (0 Kommentare) (3 Reaktionen) (0 zugewiesene Personen)Go (39.670 Stars) (2.263 Forks)batch import
help wantedplacesux

Beschreibung

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

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

  • #1187
  • #2596

Contributor Guide

Tech Stack
javascriptvuehtmlcss
Domain
frontend
Issue Type
feature
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
half day
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
fresh
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
Vue.jsJavaScriptCSSlocalStorage
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75
Research-Richtung
Examine the Places cluster preview component (likely in frontend/src/places/). Implement a resize handle using standard mouse and touch events. Save the size to localStorage. Consider removing the current CSS based size constraints if they conflict. Review linked issues #1187 and #2596 for context.