immich-app/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2026-07-25 14:00:45 +03:00
Code Issues 783 Packages Projects Releases 22 Wiki Activity

[PR #658] [MERGED] feat(web) add scrollbar with timeline information #8712

New Issue
Closed
opened 2026-02-05 13:51:55 +03:00 by OVERLORD · 0 comments
OVERLORD commented 2026-02-05 13:51:55 +03:00
Owner
Copy Link

📋 Pull Request Information

Original PR: https://github.com/immich-app/immich/pull/658
Author: @alextran1502
Created: 9/9/2022
Status: ✅ Merged
Merged: 9/9/2022
Merged by: @alextran1502

Base: main ← Head: feat/scroll-bar-with-timeline

📝 Commits (10+)

  • a47c3f0 Added back the info button with restore functionality
  • eb41423 Added back the info button with restore functionality
  • 7c81f33 Implemented scrollbar drag
  • 5d2ed5a better dragging behavior
  • 00c5d6e Better dragging
  • 720e1db Add a more accurate timeline
  • 77c9138 Revert to correctly display scrollbar
  • 1af72f5 Succesfully scale and navigate with custom thumbnail
  • ab75082 Handle scenario when the timeline high is less than the viewport height
  • 11a2d52 Remove unused variable

📊 Changes

9 files changed (+194 additions, -69 deletions)

View changed files

📝 web/src/app.css (+7 -0)
📝 web/src/lib/components/album-page/album-viewer.svelte (+4 -0)
📝 web/src/lib/components/photos-page/asset-grid.svelte (+43 -3)
📝 web/src/lib/components/shared-components/immich-thumbnail.svelte (+1 -1)
📝 web/src/lib/components/shared-components/scrollbar/scrollbar.svelte (+100 -58)
📝 web/src/lib/components/shared-components/side-bar/side-bar.svelte (+8 -2)
➕ web/src/lib/stores/album-asset-selection.store.ts (+10 -0)
📝 web/src/lib/stores/assets.store.ts (+18 -3)
📝 web/src/lib/utils/viewport-utils.ts (+3 -2)

📄 Description

  • Implement a scrollbar with a timeline similar to Google Photos
  • This PR has the basic working solution
  • Future work will need to optimize to achieve 60fps scrolling

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/immich-app/immich/pull/658 **Author:** [@alextran1502](https://github.com/alextran1502) **Created:** 9/9/2022 **Status:** ✅ Merged **Merged:** 9/9/2022 **Merged by:** [@alextran1502](https://github.com/alextran1502) **Base:** `main` ← **Head:** `feat/scroll-bar-with-timeline` --- ### 📝 Commits (10+) - [`a47c3f0`](https://github.com/immich-app/immich/commit/a47c3f08e78aa59da96ca9c8bcee3c203a349ba4) Added back the info button with restore functionality - [`eb41423`](https://github.com/immich-app/immich/commit/eb414239be6caa27a613dcc022c5762b8224549b) Added back the info button with restore functionality - [`7c81f33`](https://github.com/immich-app/immich/commit/7c81f3369f3e004b2204581ac6ee142cea518705) Implemented scrollbar drag - [`5d2ed5a`](https://github.com/immich-app/immich/commit/5d2ed5aedb93f563eb8996f1e9a0d2d6ee73d5da) better dragging behavior - [`00c5d6e`](https://github.com/immich-app/immich/commit/00c5d6eb1e1363271d196a8459c09b945c75452b) Better dragging - [`720e1db`](https://github.com/immich-app/immich/commit/720e1db024d5f2347eddd0f277d035e9b74ea1a6) Add a more accurate timeline - [`77c9138`](https://github.com/immich-app/immich/commit/77c91389cdc59db3ecbcdc5d12ca1e93c7d630e4) Revert to correctly display scrollbar - [`1af72f5`](https://github.com/immich-app/immich/commit/1af72f517d79fd049a8b89608a5bfe8766e7815a) Succesfully scale and navigate with custom thumbnail - [`ab75082`](https://github.com/immich-app/immich/commit/ab75082385837d3961d74ba3638dda3ceaf25e37) Handle scenario when the timeline high is less than the viewport height - [`11a2d52`](https://github.com/immich-app/immich/commit/11a2d52e39cb77d42c2b33b1bfdddf16dd6f0f35) Remove unused variable ### 📊 Changes **9 files changed** (+194 additions, -69 deletions) <details> <summary>View changed files</summary> 📝 `web/src/app.css` (+7 -0) 📝 `web/src/lib/components/album-page/album-viewer.svelte` (+4 -0) 📝 `web/src/lib/components/photos-page/asset-grid.svelte` (+43 -3) 📝 `web/src/lib/components/shared-components/immich-thumbnail.svelte` (+1 -1) 📝 `web/src/lib/components/shared-components/scrollbar/scrollbar.svelte` (+100 -58) 📝 `web/src/lib/components/shared-components/side-bar/side-bar.svelte` (+8 -2) ➕ `web/src/lib/stores/album-asset-selection.store.ts` (+10 -0) 📝 `web/src/lib/stores/assets.store.ts` (+18 -3) 📝 `web/src/lib/utils/viewport-utils.ts` (+3 -2) </details> ### 📄 Description * Implement a scrollbar with a timeline similar to Google Photos * This PR has the basic working solution * Future work will need to optimize to achieve 60fps scrolling --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
OVERLORD added the pull-request label 2026-02-05 13:51:55 +03:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
accessibility
changelog:enhancement
changelog:security
changelog:skip
changelog:translation
cli
date-time
dependencies
documentation
external-library
format
good first issue
mobile-beta
mobile-beta
mobile-beta
needs-answer
nice to have
pull-request
Mirrored from GitHub Pull Request
 sharing
tech-debt
📱mobile
🖥️web
🗄️server
🧠machine-learning
No Label pull-request
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
OVERLORD
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: immich-app/immich#8712
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?