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

[PR #12373] [MERGED] feat(web): responsive top navigation #13591

New Issue
Closed
opened 2026-02-05 15:17:19 +03:00 by OVERLORD · 0 comments
OVERLORD commented 2026-02-05 15:17:19 +03:00
Owner
Copy Link

📋 Pull Request Information

Original PR: https://github.com/immich-app/immich/pull/12373
Author: @ben-basten
Created: 9/6/2024
Status: ✅ Merged
Merged: 9/9/2024
Merged by: @jrasm91

Base: main ← Head: fix/storage-limits

📝 Commits (2)

📊 Changes

4 files changed (+60 additions, -69 deletions)

View changed files

📝 web/src/lib/components/shared-components/navigation-bar/account-info-panel.svelte (+34 -15)
📝 web/src/lib/components/shared-components/navigation-bar/navigation-bar.svelte (+21 -52)
📝 web/src/lib/components/shared-components/side-bar/storage-space.svelte (+1 -1)
📝 web/src/lib/components/shared-components/theme-button.svelte (+4 -1)

📄 Description

Description

Adjusting the top navigation to be more responsive.

Highlights:

  • "Administration" button moved into the account info panel - the text took a lot of space, and it looks like other languages are even longer
  • Prioritize width of the search bar at all screen sizes
  • Icons are right aligned in small screens, and fit most mobile screen sizes
  • Account info panel fits in mobile screen sizes

Also in this change:

  • fix: storage limit bar can never exceed 100% width
Screenshot before the fix

storage-bar

Screenshots

https://github.com/user-attachments/assets/5282e2d2-b39f-49b5-9528-bb90c2752f37

🔄 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/12373 **Author:** [@ben-basten](https://github.com/ben-basten) **Created:** 9/6/2024 **Status:** ✅ Merged **Merged:** 9/9/2024 **Merged by:** [@jrasm91](https://github.com/jrasm91) **Base:** `main` ← **Head:** `fix/storage-limits` --- ### 📝 Commits (2) - [`34183fc`](https://github.com/immich-app/immich/commit/34183fc6c2c92f06243412d1725dbdeee5743470) feat(web): responsive top navigation - [`74bf7c0`](https://github.com/immich-app/immich/commit/74bf7c00cbe2b286a4023110fb32e753f89d95b7) Merge branch 'main' of https://github.com/immich-app/immich into fix/storage-limits ### 📊 Changes **4 files changed** (+60 additions, -69 deletions) <details> <summary>View changed files</summary> 📝 `web/src/lib/components/shared-components/navigation-bar/account-info-panel.svelte` (+34 -15) 📝 `web/src/lib/components/shared-components/navigation-bar/navigation-bar.svelte` (+21 -52) 📝 `web/src/lib/components/shared-components/side-bar/storage-space.svelte` (+1 -1) 📝 `web/src/lib/components/shared-components/theme-button.svelte` (+4 -1) </details> ### 📄 Description ## Description <!--- Describe your changes in detail --> <!--- Why is this change required? What problem does it solve? --> <!--- If it fixes an open issue, please link to the issue here. --> Adjusting the top navigation to be more responsive. **Highlights:** - "Administration" button moved into the account info panel - the text took a lot of space, and it looks like other languages are even longer - Prioritize width of the search bar at all screen sizes - Icons are right aligned in small screens, and fit most mobile screen sizes - Account info panel fits in mobile screen sizes **Also in this change:** - fix: storage limit bar can never exceed 100% width <details><summary>Screenshot before the fix</summary> <p> ![storage-bar](https://github.com/user-attachments/assets/63bbb1dc-6b19-4d9f-9cfd-5c533bb6183a) </p> </details> ## Screenshots https://github.com/user-attachments/assets/5282e2d2-b39f-49b5-9528-bb90c2752f37 --- <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 15:17:19 +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#13591
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?