File names are unnecessarily truncated in list view, even when there's enough space

Created on 8 April 2025, 8 days ago

Problem/Motivation

In both grid and list views of the Media Folder Management interface, file names are truncated after a fixed number of characters.

For example, a file named:

Screenshot from 2025-04-07 16-31-15.png

is displayed as:

Screenshot from 2025-04-07 16...

This behavior is expected in grid view due to limited space. However, in list view, there is often enough horizontal space to show the full file name, up to the "file type" column. Truncating the name unnecessarily in this mode reduces readability and usability.

Steps to reproduce

1. Go to `/file-explorer`
2. Switch between grid and list view
3. Observe the display of long file names (e.g., screenshots with timestamps)
4. Note that the same truncation length is applied in both views

Proposed resolution

Adjust the CSS or rendering logic so that:

- Grid view continues to truncate names as needed to fit within card width
- List view adapts truncation based on available space, showing longer names if room permits

Remaining tasks

- [ ] Review the CSS/JS responsible for file name rendering
- [ ] Modify list view logic to allow dynamic or max-width-based truncation
- [ ] Test across different screen sizes and with varying file name lengths

User interface changes

- File names will display more fully in list view where space allows, improving readability without sacrificing layout

🐛 Bug report
Status

Active

Version

1.0

Component

Code

Created by

🇵🇹Portugal falsovsky

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024