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 #24450] [MERGED] fix(web): [album table view] long album title overflows table row #17877

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

📋 Pull Request Information

Original PR: https://github.com/immich-app/immich/pull/24450
Author: @simonkub
Created: 12/8/2025
Status: ✅ Merged
Merged: 12/8/2025
Merged by: @alextran1502

Base: main ← Head: fix/web-albums-table-title-overflow

📝 Commits (1)

  • 0f9486a fix(web): long album title overflows vertically on album page in table view

📊 Changes

1 file changed (+1 additions, -1 deletions)

View changed files

📝 web/src/lib/components/album-page/albums-table-row.svelte (+1 -1)

📄 Description

Description

In the album page table view, rows with long album titles overflow on the y-axis, which makes the titles unreadable on smaller viewports.

This happens because the table rows have a fixed height (h-12) applied. See here.

I remove the fixed height constraint and adjusted the paddings so that the layout looks identical with short album titles but also supports longer album names.

Fixes #24447

How Has This Been Tested?

Visually by comparing the main branch vs. the fix branch:

  1. install fresh immich instance
  2. add some albums with long title names, for example This is a really long title for a album and I'm very sure that this album 3. title will overflow in table view
  3. switch to album page table view
  4. decrease viewport width
  5. table rows adjust the hight depending on the length of the album title

Before implementing the fix:
Bildschirmfoto 2025-12-08 um 09 51 37

After implementing the fix:
Bildschirmfoto 2025-12-08 um 11 02 41
Bildschirmfoto 2025-12-08 um 11 02 50

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/)

🔄 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/24450 **Author:** [@simonkub](https://github.com/simonkub) **Created:** 12/8/2025 **Status:** ✅ Merged **Merged:** 12/8/2025 **Merged by:** [@alextran1502](https://github.com/alextran1502) **Base:** `main` ← **Head:** `fix/web-albums-table-title-overflow` --- ### 📝 Commits (1) - [`0f9486a`](https://github.com/immich-app/immich/commit/0f9486a6fd5397773a4d5110c5c50ded510962c5) fix(web): long album title overflows vertically on album page in table view ### 📊 Changes **1 file changed** (+1 additions, -1 deletions) <details> <summary>View changed files</summary> 📝 `web/src/lib/components/album-page/albums-table-row.svelte` (+1 -1) </details> ### 📄 Description ## Description In the album page table view, rows with long album titles overflow on the y-axis, which makes the titles unreadable on smaller viewports. This happens because the table rows have a fixed height (h-12) applied. [See here.](https://github.com/immich-app/immich/blob/1e1cf0d1feb914fb260b473c862d38127440d0ff/web/src/lib/components/album-page/albums-table-row.svelte#L35) I remove the fixed height constraint and adjusted the paddings so that the layout looks identical with short album titles but also supports longer album names. Fixes #24447 ## How Has This Been Tested? Visually by comparing the main branch vs. the fix branch: 1. install fresh immich instance 2. add some albums with long title names, for example This is a really long title for a album and I'm very sure that this album 3. title will overflow in table view 4. switch to album page table view 5. decrease viewport width 6. table rows adjust the hight depending on the length of the album title Before implementing the fix: <img width="1328" height="677" alt="Bildschirmfoto 2025-12-08 um 09 51 37" src="https://github.com/user-attachments/assets/0bd95f07-bec1-4e53-beee-e1dc73921a4e" /> After implementing the fix: <img width="1840" height="679" alt="Bildschirmfoto 2025-12-08 um 11 02 41" src="https://github.com/user-attachments/assets/c19a9a8b-ae80-4775-a7a1-f33382c61694" /> <img width="957" height="814" alt="Bildschirmfoto 2025-12-08 um 11 02 50" src="https://github.com/user-attachments/assets/0898993d-d2b7-4b6a-add6-4d2f2ce6a91f" /> </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/`) --- <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:28:57 +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#17877
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?