Background
On small viewports (< 1399px) a notice is added to the appearance menu when its set to "wide", this notice is styled incorrectly
Design requirements
the design should be:
Rollback plan
revert the patch
| bwang | |
| Jun 25 2026, 2:59 PM |
| F97076053: width_msg2.gif | |
| Mon, Aug 3, 9:31 PM |
| F92810293: image.png | |
| Fri, Jul 10, 3:54 PM |
| F90452582: Screenshot 2026-06-25 at 9.57.06 AM.png | |
| Jun 25 2026, 2:59 PM |
| F90452567: Screenshot 2026-06-25 at 9.57.25 AM.png | |
| Jun 25 2026, 2:59 PM |
On small viewports (< 1399px) a notice is added to the appearance menu when its set to "wide", this notice is styled incorrectly
the design should be:
revert the patch
@bwang The code is already putting this to display: block:
@media ( max-width: 1399px ) { // By default, limited width client pref should be hidden unless the breakpoint below is reached. .vector-feature-limited-width-clientpref-0 #skin-client-prefs-vector-feature-limited-width { .skin-client-pref-exclusion-notice { display: block; } } }
I don't see how this would have end(ed) up in the incorrect styling in the screenshot, both predecent sibling ul.vector-menu-content-list and span are display: block.
Tested at 1126 canvas width:
Do you have further steps to reproduce?
@Volker_E sorry this wasnt clear in the original task, but the appearance menu has to be unpinned, i.e. in the vector header. try clicking "hide"
Change #1318209 had a related patch set uploaded (by Anne Tomasevich; author: Anne Tomasevich):
[mediawiki/skins/Vector@master] Fix appearance menu exlusion notice layout
Change #1318209 merged by jenkins-bot:
[mediawiki/skins/Vector@master] styles: Fix appearance menu exclusion notice layout
Change #1318735 had a related patch set uploaded (by Bernard Wang; author: Bernard Wang):
[mediawiki/skins/Vector@master] Generalize flex-wrap style for .vector-menu
Checked on enwiki beta - the fix is in place. The gif below shows the correctly formatted label for different screen width.