Page MenuHomePhabricator
Create Task
Maniphest T429039

[design QA] Ensure the misalignment of watchstar and save button on navigation above article has been fixed
Closed, DuplicatePublic
Actions

Description

Background

The recent changes to the watch star button to have label has resulted in misalignment of options, particularly watch star button, in the navigation above article. This ticket is to review and fix those alignment issues.

Issues observed

The following issue with watchstar button is visible on all wiki projects

alignment adjustments.png (1,974×1,090 px, 153 KB)

Design requirements

  • Move the position of watch label and star in alignment with other items as shown in the mock above - this will apply to all wiki projects
  • Fix the alignment of Save icon on Wikipedia as shown in the mock above

Related Objects

Event Timeline

Sneha created this task.Jun 12 2026, 4:49 PM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJun 12 2026, 4:49 PM
HFan-WMF triaged this task as Medium priority.Jun 12 2026, 5:19 PM
HFan-WMF moved this task from Incoming to Needs refinement on the Reader Experience Team board.
Sneha mentioned this in T426453: Addressing Reading list and Watchlist discoverability, clarity, and interaction challenges on web.Mon, Jun 15, 2:52 PM
Sneha raised the priority of this task from Medium to High.Tue, Jun 16, 5:40 PM
Sneha moved this task from Needs refinement to REx Sprint 23 [Q4 Jun 16-June 30] on the Reader Experience Team board.
Sneha edited projects, added: Reader Experience Team (REx Sprint 23 [Q4 Jun 16-June 30]); removed: Reader Experience Team.
Jdlrobson-WMF renamed this task from Fix the misalignment of watchstar and save button on navigation above article to [design QA] Ensure the misalignment of watchstar and save button on navigation above article has been fixed.Tue, Jun 16, 5:51 PM
Jdlrobson-WMF moved this task from Backlog to Web team: Bugs on the MediaWiki-extensions-ReadingLists board.Wed, Jun 17, 4:12 PM
DLynch subscribed.Fri, Jun 19, 3:53 PM

This should be fixed now because of https://gerrit.wikimedia.org/r/c/mediawiki/skins/Vector/+/1304106 as a quick scoping of the margin-adjustment, though the more-complicated https://gerrit.wikimedia.org/r/c/mediawiki/skins/Vector/+/1302936 is going to entirely replace those styles soon anyway, so future QA after that latter patch is merged would make sense.

Sneha moved this task from Ready to Needs QA on the Reader Experience Team (REx Sprint 23 [Q4 Jun 16-June 30]) board.Tue, Jun 23, 6:15 PM
Sneha claimed this task.Tue, Jun 23, 8:21 PM
Sneha added a comment.Thu, Jun 25, 9:43 PM

the current alignment in beta needs to be adjusted as shown below. Watch/Save/Ellipsis all needs to be moved down a pixel

Screenshot 2026-06-25 at 5.41.50 PM.png (1,816×1,214 px, 206 KB)

Sneha mentioned this in T429633: [qa only] Watchstar is misaligned in toolbar in vector in all browsers other than firefox.Thu, Jun 25, 9:44 PM
DLynch added a subscriber: Jdlrobson.Thu, Jun 25, 9:46 PM

Context from T429633: this was rebroken by the ellipsis patch, and will be fixed by this follow-up which @Jdlrobson is reviewing today.

Jdlrobson-WMF moved this task from Needs QA to Sign-off on the Reader Experience Team (REx Sprint 23 [Q4 Jun 16-June 30]) board.Tue, Jun 30, 5:56 PM
Jdlrobson-WMF closed this task as a duplicate of T429633: [qa only] Watchstar is misaligned in toolbar in vector in all browsers other than firefox.Mon, Jul 6, 11:50 PM
Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL · Credits