Date shortened while there is plenty of space #3161

Closed
opened 2026-02-05 07:58:36 +03:00 by OVERLORD · 2 comments
Owner

Originally created by @erikvanoosten on GitHub (May 18, 2024).

The bug

Date is shown as zo 6 mei 2... while there is plenty of space to include the full year.

Scherm­afbeelding 2024-05-18 om 17 44 11

The OS that Immich Server is running on

Ubuntu 22.04

Version of Immich Server

v1.105.1

Version of Immich Mobile App

not relevant

Platform with the issue

  • Server
  • Web
  • Mobile

Your docker-compose.yml content

not relevant

Your .env content

not relevant

Reproduction steps

1. Open immich web
2. Login
3. Look at time line

Note: sometimes the date is displayed fully. While trying to debug, I noticed that as soon as you open the developer tools, the full date is displayed. If this happens, the correct display persists till a full-reload (Shift-Cmd-R). The developers tools need to be opened in a separate window.

Relevant log output

No response

Additional information

Using Firefox 126.0 on MacOs (Arm), with ublock origin addon.

Originally created by @erikvanoosten on GitHub (May 18, 2024). ### The bug Date is shown as `zo 6 mei 2...` while there is plenty of space to include the full year. <img width="179" alt="Scherm­afbeelding 2024-05-18 om 17 44 11" src="https://github.com/immich-app/immich/assets/630600/e025957e-b6d7-4eef-8e31-8e871ef41ffe"> ### The OS that Immich Server is running on Ubuntu 22.04 ### Version of Immich Server v1.105.1 ### Version of Immich Mobile App not relevant ### Platform with the issue - [ ] Server - [X] Web - [ ] Mobile ### Your docker-compose.yml content ```YAML not relevant ``` ### Your .env content ```Shell not relevant ``` ### Reproduction steps ```bash 1. Open immich web 2. Login 3. Look at time line ``` Note: _sometimes_ the date _is_ displayed fully. While trying to debug, I noticed that as soon as you open the developer tools, the full date is displayed. If this happens, the correct display persists till a full-reload (Shift-Cmd-R). The developers tools need to be opened in a separate window. ### Relevant log output _No response_ ### Additional information Using Firefox 126.0 on MacOs (Arm), with ublock origin addon.
Author
Owner

@erikvanoosten commented on GitHub (May 18, 2024):

It seems that Firefox first determines the width of the span and then applies the elipses inside it.

Scherm­afbeelding 2024-05-18 om 17 54 13
@erikvanoosten commented on GitHub (May 18, 2024): It seems that Firefox first determines the width of the span and then applies the elipses inside it. <img width="1133" alt="Scherm­afbeelding 2024-05-18 om 17 54 13" src="https://github.com/immich-app/immich/assets/630600/506f5e8e-62eb-46be-a81d-411dc4fb3eee">
Author
Owner

@Snowknight26 commented on GitHub (May 19, 2024):

Was able to reproduce in Firefox. A quick test showed that adding width: 100% to this element seems to fix the issue regardless of whether the select icon that conditionally appears to the left of the date is showing.

@Snowknight26 commented on GitHub (May 19, 2024): Was able to reproduce in Firefox. A quick test showed that adding `width: 100%` to this element seems to fix the issue regardless of whether the select icon that conditionally appears to the left of the date is showing.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: immich-app/immich#3161