photoprism/photoprism

UX: Re-implement "pull to refresh" gesture to refresh search results on mobile devices

Open

#4,777 建立於 2025年2月7日

在 GitHub 查看
 (2 留言) (0 反應) (1 負責人)Go (39,670 star) (2,263 fork)batch import
help wantedmobileux

描述

As a mobile device user, I would like to use the "pull to refresh" gesture in a way that works well with modal dialogs and toolbars displayed over the search results:

  • A possible solution would be to refactor the search result views to use this component, which is included in the latest version of Vuetify 3: https://vuetifyjs.com/en/components/pull-to-refresh/
  • This will probably require moving the result scrollbar from the body to a div element, which may also allow the search toolbar to become sticky (TBD).
  • Alternatively, the touch/pointer event handlers could be attached differently, e.g. the UI could listen to the touchend event instead of the touchmove event.

Related Issues

貢獻者指南

技術棧
vuejavascripthtmlcss
領域
frontendmobile
議題類型
feature
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-2 days
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
blocked
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
Vue.jsVuetify 3touch events
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
45
研究方向
The issue suggests refactoring search result views to use Vuetify's pull to refresh component (https://vuetifyjs.com/en/components/pull to refresh/). The main challenge is moving the scrollbar from the body to a scrollable div, which may also make the toolbar sticky. Consider examining the current search result Vue component and modifying its structure to accommodate the Vuetify component. Testing should ensure pull to refresh works without interfering with modals and toolbars.