Sidebar should show full file name

[pellaeon]

There are enough spaces in sidebar, we should show the full file name, instead of requiring the user to hover over to see the full.

Expected behavior

Sidebar shows the full file name, no tooltips.

Reference

This issue has been raised in 2016 owncloud/core#21636
Recently I developed an app to overcome this, but rejected, @MorrisJobke asked me to open an issue here.
Please read the discussions in the above two links as well.

[nextcloud-bot]

GitMate.io thinks possibly related issues are #10673 (Show files details sidebar always ), #3578 (Version Control activities are not showed in File activities), #11905 (Add icon to file sidebar tabs), #2259 (Activity sidebar shows "public_shared_file_downloaded" ), and #10289 (Sidebar standardization).

[MorrisJobke]

cc @nextcloud/designers Please have a look at this - I think it is quite crucial to fix this. Also should be addressed in the context of the grid view (#11573).

[juliushaertl]

Looks totally fine to me if we just remove the ellipsis and allow the filename to have multiple lines. 👍

[skjnldsv]

Yes, the filenames won't probably have more than 2 lines anyway :)

[jancborchardt]

Yes, the filenames won't probably have more than 2 lines anyway :)

Hehehe ;D we can’t really expect this.

I’m fine with showing 2 lines for Files here. We shouldn’t allow that for others for now though, like say Talk conversation names. And we should limit it to 2 lines max, because otherwise a very long filename will just occupy everything, even though it’s not the most important thing in the sidebar.

Ok @juliushaertl @skjnldsv @MorrisJobke?

[skjnldsv]

And we should limit it to 2 lines max

This is where css fails! css clamp is not supported enough, but we can set the height to 2x line height and use clamp to ellipsis o supported browsers or just hide overflow on unsupported ones)

[jancborchardt]

Ok – for the record, I’d rather have it stay limited to 1 line like now, than risk it being all messed up with many lines or non-consistent 2-lines.

So maybe we need to wait a bit with this for compatibility?

[skjnldsv]

@jancborchardt it will be consistent enough, just the ... can be missing on some browsers :)
https://caniuse.com/#feat=css-line-clamp

Still 85% supported ;)

[weeman1337]

I had some struggle with that in the last time.

My conclusion for line clamp is: Don't do it because of the lack of support. And don't use any polyfill or JavaScript since they all came up with limitations or bugs. I really spent many hours with that. Neither solution I tried worked.

What works for me is having some CSS fading out the text. It's based on an after element that overlays the end of the text:

Maybe that could be done in a mixin and can be replaced by real line clamp when it's supported by Firefox and IE doesn't have to be supported any more.

[weeman1337]

Anyway I could have a look at this one if we go for the "max. two instead of one line file name" solution.

[jancborchardt]

@weeman1337 that seems good! It’s definitely not something of crucial importance, so don’t waste too much time on it. Maybe if we revisit it in 1–2 years, support will be much better.

[pellaeon]

I'd like to again raise attention to this issue. It has been two years and there is still no way of viewing the full filename in the sidebar. Even the tooltip no longer shows.

[skjnldsv]

We can most likely start using https://caniuse.com/css-line-clamp now that we dropped ie11

[szaimen]

I think this was fixed with #28046