LibrePhotos/librephotos

Optimize counter tiles on library page for mobile view

Open

#973 opened on Jul 27, 2023

View on GitHub
 (0 comments) (0 reactions) (0 assignees)Python (266 forks)batch import
difficulty: easyenhancementfrontendgood first issuesize: XS

Repository metrics

Stars
 (6,222 stars)
PR merge metrics
 (Avg merge 5d 23h) (29 merged PRs in 30d)

Description

Describe the enhancement you'd like While on mobile the counter tiles on the library page are not very useful as data is not properly displayed. Optimize the view by switching from absolute numbers to summarized numbers. For example instead of showing 25123 0hotos show 25K. Add a balloon for absolute amount on hover/rap. See issue in screenshot below. Screenshot_20230727_082804 Alternative would be to keep the tiles a little bit bigger and display them over multiple rows on mobile.

Describe why this will benefit the LibrePhotos Data currently provided cannot be fully seen on mobile view. Changing the presentation will show a better understandable value for users.

Contributor guide

Research direction
Identify the counter tiles component in the library page. Implement number abbreviation (e.g., 25K) for mobile view. Add a tooltip or hover to show the absolute number. Adjust CSS for responsive layout.
Tech stack
None
Domain
frontendmobile
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
Git
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70