keystonejs / keystonejs/keystone
ListView CSS Issue with file field
- Dominant language
- TypeScript
- Stars
- 10k
- Forks
- 1.3k
- Avg merge
- 19h 14m
- Merged PRs (30d)
- 19
Description
1. Create a file field in a List
2. Make this file field available in the Admin UI List View of this List
3. Use files which are long and maybe even have a space
The name of the file should be readable and not overlapping
This is standard behavior
If I remove the width attribute with is set to 24px of the file name div container it works nicely. See:
Node Version 20.9
Keystone 6 5.7.0
Contributor guide
Research direction
Reproduce the issue in the Admin UI List View by adding a file field to a List and using long filenames, especially names containing spaces. Inspect the file-name div container and its 24px width behavior. Done means long filenames remain readable without overlapping, and the List View still displays file fields correctly.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100