Page MenuHomePhabricator

Add some CSS for breaking long things in the lint error tables
Open, LowPublicBUG REPORT

Description

Steps to replicate the issue (include links if applicable):

What happens?:

A particularly long entry causes the table to fall out of the page column.

image.png (343×1 px, 40 KB)

Notice the top right corner has obscured text from the Vector 2022 right hand column.

What should have happened instead?:
There should be some CSS that could be used to add some line breaks for particularly lengthy lines.

Software version (on Special:Version page; skip for WMF-hosted wikis like Wikipedia):

Other information (browser name/version, screenshots, etc.):

Event Timeline

Add to your CSS:

.mw-datatable code {
    word-break: break-all;
}

The table still overflows if the content in the other columns is extremely wide, but I think that's unlikely to be an issue.

Change #1085444 had a related patch set uploaded (by Arlolra; author: Arlolra):

[mediawiki/extensions/Linter@master] Break up long words in the lint errors tables

https://gerrit.wikimedia.org/r/1085444

Change #1085444 merged by jenkins-bot:

[mediawiki/extensions/Linter@master] Break up long words in the lint errors tables

https://gerrit.wikimedia.org/r/1085444