Incorrect wrapping on PR comments with long paths

[parnic-sks]

• Gitea version (or commit ref): 1.14.3
• Git version: 2.25.1
• Operating system: Ubuntu Linux 20.04.2
• Built Gitea myself, running from systemd (my own service script) on an AWS x86_64 box
• Database (use [x]):
  • PostgreSQL
  • MySQL
  • MSSQL
  • SQLite
• Can you reproduce the bug at https://try.gitea.io:
  • Yes: https://try.gitea.io/parnic-sks/long-paths-test-2/pulls/1
  • No

Description

Comments on files with long paths will not wrap the file name header on a PR if there's no easily-available word boundary to wrap on. This causes the "Outdated" badge and/or "Show Resolved"/"Hide Resolved" links to either overlap other UI elements or be completely obscured, rendering them un-clickable. Note: this is not a contrived example, we ran into this on our project.

Example of a long path with available word boundaries: https://try.gitea.io/parnic-sks/long-paths-test/pulls/1
Example of a long path that doesn't currently wrap: https://try.gitea.io/parnic-sks/long-paths-test-2/pulls/1

Screenshots

Working (valid word boundaries):

Not working (no valid word boundaries):

Potential fix

Setting word-break: break-word; CSS on one of the segment bits used for PR comment filename headers is one possible way to fix the issue:

[parnic-sks]

This fix doesn't seem to have taken. The class is now applied at https://try.gitea.io/parnic-sks/long-paths-test-2/pulls/1, but the text still doesn't break.

[parnic-sks]

Also it looks like the Outdated badge will need word-break: normal applied if the parent div has its word-break set to break-word.

[6543]

#16272 did only fix firefox but in chrome it's still here :X