Page MenuHomePhabricator

Echo notification icons vanish before the mobile cutoff when resizing a window
Closed, ResolvedPublic

Description

Echo notification icons vanish before the mobile cutoff when resizing a window when the page has a scrollbar.

Additionally, if the user clicks one of the notification icons, then resizes the browser to a mobile width, and then resizes it back, they become duplicated.

Event Timeline

matmarex added a subscriber: Schnark.

(Split off from T226875:)

Slowly decrease the width of the window and observe all the weirdness that happens:

At 560px, the two Echo icons suddenly vanish.

At 550px, the responsive layout appears, where the two Echo icons overlap the user icon, and are unclickable.

Change 522546 had a related patch set uploaded (by Bartosz Dziewoński; owner: Bartosz Dziewoński):
[mediawiki/skins/MonoBook@master] Fix funny Echo integration when mobile hack kicks in after using the icons

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

Change 522547 had a related patch set uploaded (by Bartosz Dziewoński; owner: Bartosz Dziewoński):
[mediawiki/skins/MonoBook@master] Use media queries rather than manual checks for mobile hacks

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

Change 522546 merged by jenkins-bot:
[mediawiki/skins/MonoBook@master] Fix funny Echo integration when mobile hack kicks in after using the icons

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

Change 522547 merged by jenkins-bot:
[mediawiki/skins/MonoBook@master] Use media queries rather than manual checks for mobile hacks

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

matmarex claimed this task.