Page MenuHomePhabricator

[AMC] fix alignment of "Edit your list of watched pages" button on AMC watchlist page
Closed, ResolvedPublic2 Estimated Story Points

Description

Description

The Edit your list of watched pages should be aligned with the main content on the page (left-aligned for LTR languages and right-aligned for RTL languages).

Screen Shot 2019-10-15 at 12.25.19 PM.png (565×843 px, 132 KB)

currentupdated
en.m.wikipedia.beta.wmflabs.org_wiki_Special_Watchlist_hidepreviousrevisions=1&hidecategorization=1&hideWikibase=1&limit=250&days=3&enhanced=1&urlversion=2(iPhone 6_7_8).png (750×1,334 px, 136 KB)
en.m.wikipedia.beta.wmflabs.org_wiki_Special_Watchlist_hidepreviousrevisions=1&hidecategorization=1&hideWikibase=1&limit=250&days=3&urlversion=2(iPhone 6_7_8).png (750×1,334 px, 152 KB)

Developer notes

The core style resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.WatchlistTopSectionWidget.less should be restricted to a tablet media query.

acceptance criteria

  • the design should be mobile first
  • Should require no changes to Minerva.

QA Results

ACStatusDetails
1✅T235535#5623940

Details

Related Changes in Gerrit:

Event Timeline

• alexhollender_WMF renamed this task from [AMC] fix alignment of "Edit your list of watched pages" on AMC watchlist page to [AMC] fix alignment of "Edit your list of watched pages" button on AMC watchlist page.Oct 15 2019, 4:28 PM
ovasileva triaged this task as Medium priority.Oct 15 2019, 5:01 PM

Change 545626 had a related patch set uploaded (by Jdlrobson; owner: Jdlrobson):
[mediawiki/core@master] Saved filters button should be responsive

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

Change 545626 merged by jenkins-bot:
[mediawiki/core@master] Saved filters button should be responsive

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

Edtadros subscribed.

Test Result

Status: ✅ PASS
OS: macOS Mojave
Browser: Chrome
Device: MBP
Emulated Device: iPhoneX

Test Artifact(s):

The Edit your list of watched pages should be aligned with the main content on the page (left-aligned for LTR languages and right-aligned for RTL languages).

T235536.png (1,125×2,436 px, 286 KB)

T235536RTL.png (1,125×2,436 px, 246 KB)