immich-app/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2026-03-01 11:20:12 +03:00
Code Issues 783 Packages Projects Releases 12 Wiki Activity

[PR #23485] [CLOSED] feat(web): Add user setting to customize margin size of timeline photos #17550

New Issue
Closed
opened 2026-02-05 16:23:46 +03:00 by OVERLORD · 0 comments
OVERLORD commented 2026-02-05 16:23:46 +03:00
Owner
Copy Link

📋 Pull Request Information

Original PR: https://github.com/immich-app/immich/pull/23485
Author: @natedawg
Created: 11/1/2025
Status: ❌ Closed

Base: main ← Head: main

📝 Commits (2)

  • c4a0e89 feat: add user setting to configure the margin of photos in the timeline
  • 1c5b200 fix: group timeline margin and theme selection settings

📊 Changes

5 files changed (+57 additions, -11 deletions)

View changed files

📝 i18n/en.json (+3 -0)
📝 web/src/lib/components/timeline/Timeline.svelte (+5 -0)
📝 web/src/lib/components/user-settings-page/app-settings.svelte (+29 -8)
📝 web/src/lib/managers/VirtualScrollManager/VirtualScrollManager.svelte.ts (+18 -3)
📝 web/src/lib/stores/preferences.store.ts (+2 -0)

📄 Description

This PR adds a new user setting named Timeline Margin in "Account Settings > App Settings". It allows users to change the margin of photos in the timeline with a dropdown. Immich currently uses a 2px margin with a 12px gap between dates. The new option allows the margin to be set to [2px, 5px, 10px 15px] with a default of 5px.

This also increases the gap size (space between dates) to 50px for desktop and 20px for mobile screens.

Please give feedback on the margin and gap sizes.

Screenshots

Screenshot_User_Settings

2px margin
Screenshot_2px

5px margin
Screenshot_5px

10px margin
Screenshot_10px

15px margin
Screenshot_15px

Checklist:

  • I have performed a self-review of my own code
  • I have made corresponding changes to the documentation if applicable
  • I have no unrelated changes in the PR.
  • I have confirmed that any new dependencies are strictly necessary.
  • I have written tests for new code (if applicable)
  • I have followed naming conventions/patterns in the surrounding code
  • All code in src/services/ uses repositories implementations for database calls, filesystem operations, etc.
  • All code in src/repositories/ is pretty basic/simple and does not have any immich specific logic (that belongs in src/services/)

Please describe to which degree, if any, an LLM was used in creating this pull request.

GitHub Copilot was used to assist in creating this feature.
...

🔄 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/23485 **Author:** [@natedawg](https://github.com/natedawg) **Created:** 11/1/2025 **Status:** ❌ Closed **Base:** `main` ← **Head:** `main` --- ### 📝 Commits (2) - [`c4a0e89`](https://github.com/immich-app/immich/commit/c4a0e89f25015bb10b629cb3cf1c7776807857be) feat: add user setting to configure the margin of photos in the timeline - [`1c5b200`](https://github.com/immich-app/immich/commit/1c5b200eb70c23d209f467836054084612eb9604) fix: group timeline margin and theme selection settings ### 📊 Changes **5 files changed** (+57 additions, -11 deletions) <details> <summary>View changed files</summary> 📝 `i18n/en.json` (+3 -0) 📝 `web/src/lib/components/timeline/Timeline.svelte` (+5 -0) 📝 `web/src/lib/components/user-settings-page/app-settings.svelte` (+29 -8) 📝 `web/src/lib/managers/VirtualScrollManager/VirtualScrollManager.svelte.ts` (+18 -3) 📝 `web/src/lib/stores/preferences.store.ts` (+2 -0) </details> ### 📄 Description This PR adds a new user setting named **Timeline Margin** in "Account Settings > App Settings". It allows users to change the margin of photos in the timeline with a dropdown. Immich currently uses a `2px` margin with a `12px` gap between dates. The new option allows the margin to be set to `[2px, 5px, 10px 15px]` with a default of `5px`. This also increases the gap size (space between dates) to `50px` for desktop and `20px` for mobile screens. Please give feedback on the margin and gap sizes. <h2>Screenshots</h2> <!-- Images go below this line. --> <img width="1663" height="892" alt="Screenshot_User_Settings" src="https://github.com/user-attachments/assets/fa3007c0-abf9-4655-8318-b778fb43aa5b" /> 2px margin <img width="3839" height="1786" alt="Screenshot_2px" src="https://github.com/user-attachments/assets/ede97b8a-da75-41ab-98c2-28edc280f689" /> 5px margin <img width="3839" height="1789" alt="Screenshot_5px" src="https://github.com/user-attachments/assets/853ebc49-82a0-418f-becb-490e3055e01b" /> 10px margin <img width="3839" height="1788" alt="Screenshot_10px" src="https://github.com/user-attachments/assets/06dfdfdc-d86b-4aba-bc02-520a3ecd5b46" /> 15px margin <img width="3839" height="1794" alt="Screenshot_15px" src="https://github.com/user-attachments/assets/63298c4d-c472-4e26-83cb-e77fe277e72f" /> </details> <!-- API endpoint changes (if relevant) ## API Changes The `/api/something` endpoint is now `/api/something-else` --> ## Checklist: - [X] I have performed a self-review of my own code - [X] I have made corresponding changes to the documentation if applicable - [X] I have no unrelated changes in the PR. - [X] I have confirmed that any new dependencies are strictly necessary. - [X] I have written tests for new code (if applicable) - [X] I have followed naming conventions/patterns in the surrounding code - [X] All code in `src/services/` uses repositories implementations for database calls, filesystem operations, etc. - [X] All code in `src/repositories/` is pretty basic/simple and does not have any immich specific logic (that belongs in `src/services/`) ## Please describe to which degree, if any, an LLM was used in creating this pull request. GitHub Copilot was used to assist in creating this feature. ... --- <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 16:23:46 +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#17550
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?