¿How to have a overflow ellipsis partway through a block?
front-endI'm working on a collaborative file system, & I'm wanting to model my UI after pretty much every file manager I've been able to find: file tree in one pane, directory contents in another.
The tricky bit is resources with particularly long names. I did a survey of a few managers on Linux & my options, based on those, are:
• Line clamp to three lines & put an ellipsis at the end
• Print the entire name
• Line clamp to three lines & put an ellipsis between the filename and extension
Of the three, I think the last one is best. Knowing what type a file is, can be crucial. It looks like:
I can't think of any way I'd accomplish it with CSS though. I could put only the extension on the last line, & it'd be functionally the same.
¿Thoughts?
The tricky bit is resources with particularly long names. I did a survey of a few managers on Linux & my options, based on those, are:
• Line clamp to three lines & put an ellipsis at the end
• Print the entire name
• Line clamp to three lines & put an ellipsis between the filename and extension
Of the three, I think the last one is best. Knowing what type a file is, can be crucial. It looks like:
I can't think of any way I'd accomplish it with CSS though. I could put only the extension on the last line, & it'd be functionally the same.
¿Thoughts?
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Was this page helpful?
