Page MenuHomePhabricator

Article Guidance: Remove the Back button on mobile in the article creation flow
Open, LowPublic4 Estimated Story Points

Description

Background

T424800 added an explicit "Back" button next to "Continue" in the step action area, intended for desktop only. It is now also showing up on mobile, where the step header already has a ← back arrow so mobile shows two back controls, and "Back" sits stacked directly above the primary "Continue" button.

simple.wikipedia.org_wiki_Special_NewArticle(iPhone SE).png (750×1,334 px, 135 KB)

Proposed fix

The existing mobile hide rule (.ext-articleguidance-titleconflict-back-btn { display: none; }) gets overridden when another module loads Codex button styles after ours (same CSS specificity, so load order decides). Scope the rule to its container so it always wins, e.g.: .ext-articleguidance-titleconflict-actions .ext-articleguidance-titleconflict-back-btn { display: none; } Apply the same change in all four step components: TitleConflictStep, SourcesStep, NotabilityStep, InstructionsStep.

QA plan

Environment: Local or patchdemo is enough
Steps to trigger:

  • Open Special:NewArticle at mobile width
  • Search "Paris" → select "9th arrondissement of Paris"
  • Title-conflict step shows.
  • Repeat similarly for the sources, notability, and instructions steps

Must not break:

  • Desktop (wide Vector 2022) must still show Back + Continue in the action row (T424800 behavior).
  • The mobile ← arrow in the step header must keep working.
  • The Continue button must stay visible everywhere (make sure the new selector only targets the Back button).

Event Timeline

SGautam_WMF set the point value for this task to 4.
GGalofre-WMF moved this task from Backlog to Pre-Visual Editor on the Article-Guidance board.

Change #1309905 had a related patch set uploaded (by AROHI_SINGH; author: AROHI_SINGH):

[mediawiki/extensions/ArticleGuidance@master] T431746: Hide duplicate back button on mobile

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

Change #1309905 had a related patch set uploaded (by Nikerabbit; author: AROHI_SINGH):

[mediawiki/extensions/ArticleGuidance@master] Hide duplicate back button on mobile

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

Nikerabbit subscribed.

Submitting a patch is the first step. Then it needs to be reviewed, merged and tested.

Change #1309905 had a related patch set uploaded (by AROHI_SINGH; author: AROHI_SINGH):

[mediawiki/extensions/ArticleGuidance@master] T431746: Hide duplicate back button on mobile

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

Thank you for the review and suggestion regarding using the > selector. I have updated the implementation accordingly and uploaded a new patchset for review.

Updated patchset:
https://gerrit.wikimedia.org/r/c/mediawiki/extensions/ArticleGuidance/+/1309905

Thanks again!

Change #1310705 had a related patch set uploaded (by AROHI_SINGH; author: AROHI_SINGH):

[mediawiki/extensions/ArticleGuidance@master] T431746: Hide duplicate back button on mobile

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

Change #1309905 had a related patch set uploaded (by Sbisson; author: AROHI_SINGH):

[mediawiki/extensions/ArticleGuidance@master] Hide duplicate back button on mobile

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

Change #1309905 merged by jenkins-bot:

[mediawiki/extensions/ArticleGuidance@master] Hide duplicate back button on mobile

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

Change #1310705 abandoned by Huei Tan:

[mediawiki/extensions/ArticleGuidance@master] T431746: Hide duplicate back button on mobile

Reason:

see 1309905

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