| MMiller_WMF | |
| Jan 20 2023, 7:42 PM |
| F36371360: Vector_button_overlap.gif | |
| Jan 20 2023, 7:42 PM |
Steps to replicate the issue (include links if applicable):
What happens?:
The outline that appears on click overlaps the notifications icon. See gif below.
Other information (browser name/version, screenshots, etc.):
Chrome 109.0.5414.87 on a MacBook Pro
Note: I will not notice replies to this Phabricator task. Please contact me via Slack if more information is needed.
| Subject | Repo | Branch | Lines +/- | |
|---|---|---|---|---|
| Copy over Echo CSS classes required for special case styling | mediawiki/skins/Vector | master | +5 -7 |
In the screen shot, the icon is not being overlapped. There appears to be one pixel of white space between the edge of the blue box and the Watchlist icon.
I saw a similar report somewhere else, and the design looked intentional to me. Someone with 99+ notifications is a true edge case; they can easily handle the notifications, either by marking them read or changing their preferences to reduce the number of notifications they receive.
Power users are asking for more items in the header and sticky header, so it would be counterproductive to spread out these icons even more than they are already separated.
Change 888048 had a related patch set uploaded (by Jdlrobson; author: Esanders):
[mediawiki/skins/Vector@master] Copy over Echo CSS classes required for special case styling