Duplicates manager long text issue

[100daysummer]

I have searched the existing issues, both open and closed, to make sure this is not a duplicate report.

• Yes

The bug

Images with long names cause the details to overflow and the card to take up a big width. The UI for duplicates seems to be worked on by #21342 #23145 which feature two different styles of interfaces/

The OS that Immich Server is running on

Windows 10

Version of Immich Server

v2.3.1

Version of Immich Mobile App

v2.3.1

Platform with the issue

• Server
• Web
• Mobile

Device make and model

No response

Your docker-compose.yml content

-

Your .env content

-

Reproduction steps

1. Upload a picture
2. Upload a duplicate of the first picture that has a long filename (50 and more characters I believe)

Relevant log output

Additional information

No response

[HemendraSinghShekhawat]

Well I will be looking into it, seems pretty easy to fix.

Will ask if I am not able to understand by digging into app @skatsubo

[HemendraSinghShekhawat]

@skatsubo take a look at the provided images, and let me know if this horizontal scroll works or should there be text wrap.

also there should be some min width because for example if there are 12 duplicates then it is not a good idea to show them side by side, Any thoughts on this?

BTW It was very tough to upload duplicate images ngl.

[HemendraSinghShekhawat]

Or should i raise a PR as that would be more effective??

[skatsubo]

@HemendraSinghShekhawat Go ahead with a PR! 😃

I would suggest the same approach as for full_path (originalPath) in #23710. So both cells will have consistent look/behavior with an on-hover tooltip showing full value.

---

also there should be some min width because for example if there are 12 duplicates then it is not a good idea to show them side by side, Any thoughts on this?

With 12 images we get a scrollbar. IMO we can keep it as is, considering this is out of scope of this issue and can be tackled in another PR.

BTW It was very tough to upload duplicate images ngl.

Ha-ha, yeah. My to-go approaches: either using an external library (therefore no checksum of file content) or modifying file metadata with exiftool to have slightly different content. Other slight modifications such as a small rotation/resize/crop will work as well of course.

[100daysummer]

Yeah the duplicates arise from an external library - one time the original photo from my phone and another from the external library(in my case the media from a chat app which has a compressed version of media from my phone that I have sent).