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.

Details

Event Timeline

matmarex created this task.Jul 12 2019, 7:56 PM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJul 12 2019, 7:56 PM
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 closed this task as Resolved.Jul 15 2019, 5:49 PM
matmarex claimed this task.