| Izno | |
| Jun 18 2026, 7:05 PM |
| F89555659: image.png | |
| Jun 19 2026, 9:00 PM |
| F89351740: image.png | |
| Jun 18 2026, 7:05 PM |
Steps to replicate the issue (include links if applicable):
What happens?:
What should have happened instead?:
These need to be visible/clickable and now they barely are
Software version (on Special:Version page; skip for WMF-hosted wikis like Wikipedia):
Other information (browser name/version, screenshots, etc.):
| Subject | Author | Repo | Branch | Lines +/- | |
|---|---|---|---|---|---|
| ChangesList: Don't use small size for enhanced changes arrow icon | Catrope | mediawiki/core | master | +1 -1 |
| Status | Subtype | Assigned | Task | ||
|---|---|---|---|---|---|
| Open | DTorsani-WMF | T427868 Icon refinement follow ups | |||
| Resolved | BUG REPORT | Catrope | T429642 Enhanced watchlist arrows shrank almost beyond clickability/visibility in June 18 2026 deploy |
The previous arrow icons were quite large by default, usually causing a need to change their size during implementation downstream. This might be an instance of that. Any chance you can inspect the code to see if there is a hack on the icon to change its size?
Not sure how far downstream. safemode doesn't fix the issue.
In order of how console presents this CSS:
.mw-enhancedchanges-checkbox[type] + * .mw-enhancedchanges-arrow { width: 15px; height: 15px; } @supports ( -webkit-mask-image: none ) or ( mask-image: none ) { .mw-enhancedchanges-checkbox + * .mw-enhancedchanges-arrow { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23000\"><path d=\"M14 7H6v2.5l4 3.5 4-3.5z\"/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23000\"><path d=\"M14 7H6v2.5l4 3.5 4-3.5z\"/></svg>"); background-color: var(--color-base, #202122); } } @supports ( -webkit-mask-image: none ) or ( mask-image: none ) { .mw-enhancedchanges-checkbox + * .mw-enhancedchanges-arrow { -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: calc(max( calc(var(--font-size-medium, 1rem) - 4px), 10px )); mask-size: calc(max( calc(var(--font-size-medium, 1rem) - 4px), 10px )); } } .mw-enhancedchanges-checkbox + * .mw-enhancedchanges-arrow { min-width: 10px; min-height: 10px; width: calc(var(--font-size-medium, 1rem) - 4px); height: calc(var(--font-size-medium, 1rem) - 4px); display: inline-block; vertical-align: text-bottom; transition: transform 250ms ease; } .mw-enhancedchanges-arrow-space { display: inline-block; width: 15px; height: 15px; }
And the active CSS according to console:
.mw-enhancedchanges-checkbox[type] + * .mw-enhancedchanges-arrow { width: 15px; height: 15px; } @supports ( -webkit-mask-image: none ) or ( mask-image: none ) { .mw-enhancedchanges-checkbox + * .mw-enhancedchanges-arrow { mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23000\"><path d=\"M14 7H6v2.5l4 3.5 4-3.5z\"/></svg>"); background-color: var(--color-base, #202122); } } @supports ( -webkit-mask-image: none ) or ( mask-image: none ) { .mw-enhancedchanges-checkbox + * .mw-enhancedchanges-arrow { mask-position: center; mask-repeat: no-repeat; mask-size: calc(max( calc(var(--font-size-medium, 1rem) - 4px), 10px )); } } .mw-enhancedchanges-checkbox + * .mw-enhancedchanges-arrow { min-width: 10px; min-height: 10px; display: inline-block; vertical-align: text-bottom; transition: transform 250ms ease; }
Which removes:
/* the webkit specific rules because Firefox */ .mw-enhancedchanges-checkbox + * .mw-enhancedchanges-arrow { width: calc(var(--font-size-medium, 1rem) - 4px); height: calc(var(--font-size-medium, 1rem) - 4px); } .mw-enhancedchanges-arrow-space { display: inline-block; width: 15px; height: 15px; }
It groups multiple edits to the same page under a dropdown arrow. You can trigger this on the watchlist or on Special:Recentchanges by adding &enhanced=1 to the URL, e.g. https://en.wikipedia.org/wiki/Special:RecentChanges?hidebots=1&hidecategorization=1&hideWikibase=1&limit=50&days=1&urlversion=2&enhanced=1
Change #1304182 had a related patch set uploaded (by Catrope; author: Catrope):
[mediawiki/core@master] ChangesList: Don't use small size for enhanced changes arrow icon
Do the tiny dropdown triangle icons in categories have the same root cause?
Of course, the icon should be a chevron (Codex cdxIconExpand) instead of a solid triangle.
Just saying...
@GhostInTheMachine which would result in even tinier icons for 2 of the most used tools for active users … (cats and enhanced watchlist), We all are getting older, don't forget 👓
Change #1304182 merged by jenkins-bot:
[mediawiki/core@master] ChangesList: Don't use small size for enhanced changes arrow icon