Do not overlap the author's comment with other things on small screens

[jvillafanez]

Description

On small screens, the comment section might be too small to hold a long display name for the author of the comment. The display name will overlap with the "edit" button and the date.
This have been adjusted so there is no overlapping of those elements. The display name will be cut to ensure you can edit the comment and see the date. It will be adjusted with the available width.

Related Issue

https://github.com/owncloud/enterprise/issues/5177

Motivation and Context

How Has This Been Tested?

Manually tested using a user with a long display name.

Screenshots (if appropriate):

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Database schema changes (next release will require increase of minor version instead of patch)
• Breaking change (fix or feature that would cause existing functionality to change)
• Technical debt
• Tests only (no source changes)

Checklist:

• Code changes
• Unit tests added
• Acceptance tests added
• Documentation ticket raised:
• Changelog item, see TEMPLATE

[phil-davis]

Works for me.

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[phil-davis]

Developer review of the technical css changes please - IMO it is good, but also good to have an extra review.

[mmattel]

@IljaN @JammingBen mind to have a second review?

[AlexAndBear]

Did you check with ie11?

[phil-davis]

Did you check with ie11?

I haven't - I would struggle to find a way to run IE11 somewhere!

[mmattel]

I haven't - I would struggle to find a way to run IE11 somewhere!

https://docs.microsoft.com/en-us/lifecycle/products/internet-explorer-11
The Internet Explorer (IE) 11 desktop application ended support for Windows 10 semi-annual channel on June 15, 2022. Customers are encouraged to move to Microsoft Edge with IE mode. IE mode enables backward compatibility and will be supported through at least 2029. Additionally, Microsoft will provide notice one year prior to retiring IE mode.

I think we can skip IE11 and merge...
Maybe to add a note in the changelog

[jvillafanez]

I think I've only tested on firefox. I'll have a look with more browsers tomorrow.

[jvillafanez]

Tested with

• IE 11.3750.14393.0
• Edge 103.0.1264.37
• Firefox 101.0.1
• Chromium 103.0.5060.53

Al of them works fine.