Change #1222818 had a related patch set uploaded (by Umherirrender; author: Umherirrender):

[mediawiki/extensions/AbuseFilter@master] Replace deprecated Xml::fieldset

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

Change #1222818 merged by jenkins-bot:

[mediawiki/extensions/AbuseFilter@master] Replace deprecated Xml::fieldset

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

Change #1236828 had a related patch set uploaded (by Umherirrender; author: Umherirrender):

[mediawiki/extensions/AbuseFilter@master] Replace deprecated Xml::buildForm for edit form on Special:AbuseFilter

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

Change #1236828 merged by jenkins-bot:

[mediawiki/extensions/AbuseFilter@master] Replace deprecated Xml::buildForm for edit form on Special:AbuseFilter

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

It looks like the latest patch introduced a side effect. The interface labels are too wide now.

Before:

After:

Something like the following at least works, although hardcoded width constraints elsewhere need to be handled separately.

#mw-abusefilter-editing-form > fieldset:first-child > .oo-ui-fieldLayout > .oo-ui-fieldLayout-body {
	> .oo-ui-fieldLayout-header {
		flex: 0 1 15em;
		max-width: 20%;
		overflow-wrap: break-word;
	}

	> .oo-ui-fieldLayout-field {
		flex: 1 1 auto;
		white-space: normal;
		overflow-wrap: break-word;
	}
}

Change #1238795 had a related patch set uploaded (by Umherirrender; author: Umherirrender):

[mediawiki/extensions/AbuseFilter@master] On Special:AbuseFilter/<id> use a bigger column for form fields

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

This is the normal OOUI styling, which defines the right column as 60%

In T413542#11608751, @Umherirrender wrote:

This is the normal OOUI styling, which defines the right column as 60%

This is not normal, it must be fixed ASAP.

As Dragoniez and codenamenoreste have already said, this either has to be amended or reverted. We can't be expected to work with filters like this.

This is also completely broken on my phone. . The Ace editor is about one pixel wide. (Android, Firefox 149)

In T413542#11612731, @suffusion_of_yellow wrote:

This is also completely broken on my phone. . The Ace editor is about one pixel wide. (Android, Firefox 149)

This is also the same case for me.

While I don't doubt that this styling is consistent with the normal styling of OOUI, I don't think this is a net positive for those working with abuse filters on projects. As others have said, there should be a revert on this, unless someone is able to whip up a quick fix to this to enable people to get back to their normal workload. Broken on my PC on Chrome v144.0.7559.133.

Let's follow-up on T417368: Filter textbox squeezed to a few pixels wide rather than have multiple, parallel conversations.