nextcloud
Event title not fully readable in the right side panel
Is your feature request related to a problem? Please describe.
When I look at the details of a diary event of a colleague who has shared his diary with me in read-only mode (right-hand side panel), I cannot read its title if it is a bit long. In this case the title is cut off and ends with ellipsis.
Describe the solution you'd like
Remove the ellipsis and display the full title of the event, with line breaks if necessary, as in the simplified display
.
Describe alternatives you've considered
Display an information bubble with the full title when the cursor is hovered over it (Simple HTML attribute ; example: title="{full title of the event}")
.
Additional context
No response
I think we could allow up to two lines + title attribute in read-only mode. Opinions @nextcloud/designers?
Allowing two lines needs to be done in the vue-components. There is a long standing PR that never got finished/merged: https://github.com/nextcloud/nextcloud-vue/pull/1788
Adding a Tooltip with the full title is possible easily, we just need to set the title-tooltip prop accordingly.
Agreed, 2 lines sounds good! If the name is longer than 2 lines then we can ellipsise and use a tooltip :)
Agreed, 2 lines sounds good! If the name is longer than 2 lines then we can ellipsise and use a tooltip :)
This would be nice.
I think I've found a great CSS property to manage that (with it, it's even possible to choose number of line before displaying "...". Can somebody just help me find the CSS or vue file I shlould edit ? I struggled a lot to find it ... without success ? Once somebody can give me the information, I'll create a PR.
PR has not been merged:
https://github.com/nextcloud-libraries/nextcloud-vue/pull/4194
