Page MenuHomePhabricator

CentralNotice format bad on mobile
Closed, ResolvedPublicBUG REPORT

Description

List of steps to reproduce (step by step, including full links if applicable):
Go to https://en.m.wikipedia.org/wiki/Wikipedia:Wikipedia_Signpost/2022-03-27/News_and_notes on mobile

What happens?:

Screen Shot 2022-03-27 at 16.06.02.png (3×1 px, 262 KB)

What should have happened instead?:
Text should be aligned normally.

Software version (if not a Wikimedia wiki), browser information, screenshots, other information, etc.:
I used the Galaxy S20 emulator in Firefox.

Event Timeline

Well, that is likely a problem with a particular banner, isn't it? Or do all other banners look the same way on mobile for you?

This happened on a previous banner as well. I think it's caused because of the image that is supposed to be to the left of the notice text that is not showing.

And also @Seddon who is the most likely to fix this and watches Wikimedia-CentralNotice-Administration with a disabled account :P

Pcoombe claimed this task.
Pcoombe added a subscriber: Pcoombe.

I boldly fixed this banner to hide the extra space as well as the image at screen widths below 500px (and use classes instead of inline styles to make this possible). Diff of change, desktop preview, mobile preview