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