⚓ T375800 Add some CSS for breaking long things in the lint error tables

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

Assigned To

Authored By

	Izno
	Sep 26 2024, 8:55 PM

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.

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.):

	Subject	Repo	Branch	Lines +/-
	Break up long words in the lint errors tables	mediawiki/extensions/Linter	master	+9 -0

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

ABreault-WMF triaged this task as Low priority.

Change #1085444 merged by jenkins-bot:

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