Change Details

Preferences link in mobile notifications is broken on phones (works on tablets). https://en.m.wikipedia.org/wiki/Special:Notifications (to find this page, click {nav icon=bell > All notifications}). | Broken: {F34409719} | Looks good at wider screen size: {F34409721} The problem is caused by this CSS rule: (but I don't know what else it does, so I'm not submitting a patch) ``` @media (max-width: 720px) .mw-echo-ui-overlay .oo-ui-clippableElement-clippable { width: 100% !important; } ``` | Broken: {F34409732} | Fixed: {F34409730}

Preferences link in mobile notifications is broken on phones with screen width of less than 720px (works on tablets). https://en.m.wikipedia.org/wiki/Special:Notifications (to find this page, click {nav icon=bell > All notifications}). | Broken: {F34409719} | Looks good at wider screen size: {F34409721} The problem is caused by this CSS rule: (but I don't know what else it does, so I'm not submitting a patch) ``` @media (max-width: 720px) .mw-echo-ui-overlay .oo-ui-clippableElement-clippable { width: 100% !important; } ``` | Broken: {F34409732} | Fixed: {F34409730}

Preferences link in mobile notifications is broken on phones with screen width of less than 720px (works on tablets). https://en.m.wikipedia.org/wiki/Special:Notifications (to find this page, click {nav icon=bell > All notifications}). | Broken: {F34409719} | Looks good at wider screen size: {F34409721} The problem is caused by this CSS rule: (but I don't know what else it does, so I'm not submitting a patch) ``` @media (max-width: 720px) .mw-echo-ui-overlay .oo-ui-clippableElement-clippable { width: 100% !important; } ``` | Broken: {F34409732} | Fixed: {F34409730}