Page MenuHomePhabricator

Update the design of the popup login form for use in a mobile web view
Closed, ResolvedPublic

Description

As a part of the effort to move the mobile apps toward using an OAuth-based login flow using a web view, new designs have been created to optimize the login form for the mobile web view experience. This task represents the implementation of those designs into the "popup" version of the form, to be used by the mobile apps.

The popup version is accessed by appending display=popup as a URL parameter. The implementation of the new design will include the experiences for login, account creation, and password reset.

Design

Figma: https://www.figma.com/design/D6Guhb6oOpTsgUWcpOygxL/WE4.6.12---OAuth?node-id=293-1377

Acceptance Criteria

  • Adjust logo to mobile version
  • Remove unneeded elements above the form
  • Ensure links for account creation and forgot password open in current tab
  • Move "Join" text and button above the form
  • Adjust styling as needed to match the designs
  • Revisit footer links and remove links that are not necessary
  • Ensure the non-popup version of the form is unchanged

Event Timeline

Change #1245451 had a related patch set uploaded (by Alex.sanford; author: Alex.sanford):

[mediawiki/core@master] [WIP] User Login: Update popup login form to new design for OAuth flows

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

Change #1247682 had a related patch set uploaded (by Alex.sanford; author: Alex.sanford):

[mediawiki/skins/MinervaNeue@master] Remove notice from login form in popup mode

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

Change #1247683 had a related patch set uploaded (by Alex.sanford; author: Alex.sanford):

[mediawiki/extensions/MobileFrontend@master] Remove MobileFrontend logo from login form in popup mode

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

Test wiki created on Patch demo by ASanford-WMF using patch(es) linked to this task:
https://7e9e700ebb.catalyst.wmcloud.org/w/

Change #1245451 merged by jenkins-bot:

[mediawiki/core@master] User Login: Update popup login form to new design for OAuth flows

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

Change #1247683 merged by jenkins-bot:

[mediawiki/extensions/MobileFrontend@master] Remove MobileFrontend logo from login form in popup mode

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

Change #1247682 merged by jenkins-bot:

[mediawiki/skins/MinervaNeue@master] Remove notice from login form in popup mode

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

Change #1254280 had a related patch set uploaded (by Alex.sanford; author: Alex.sanford):

[mediawiki/skins/MinervaNeue@wmf/1.46.0-wmf.20] Remove notice from login form in popup mode

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

Change #1254280 merged by jenkins-bot:

[mediawiki/skins/MinervaNeue@wmf/1.46.0-wmf.20] Remove notice from login form in popup mode

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

Mentioned in SAL (#wikimedia-operations) [2026-03-17T20:52:24Z] <alexsanford@deploy2002> Started scap sync-world: Backport for [[gerrit:1254280|Remove notice from login form in popup mode (T418534)]]

Mentioned in SAL (#wikimedia-operations) [2026-03-17T20:54:26Z] <alexsanford@deploy2002> alexsanford: Backport for [[gerrit:1254280|Remove notice from login form in popup mode (T418534)]] synced to the testservers (see https://wikitech.wikimedia.org/wiki/Mwdebug). Changes can now be verified there.

Mentioned in SAL (#wikimedia-operations) [2026-03-17T20:59:56Z] <alexsanford@deploy2002> Finished scap sync-world: Backport for [[gerrit:1254280|Remove notice from login form in popup mode (T418534)]] (duration: 07m 32s)

Change #1261454 had a related patch set uploaded (by Alex.sanford; author: Alex.sanford):

[mediawiki/core@master] UserLogin (popup): Remove footer links

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

Change #1261454 merged by jenkins-bot:

[mediawiki/core@master] UserLogin (popup): Remove footer links

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

ASanford-WMF updated the task description. (Show Details)
ASanford-WMF moved this task from In Progress to Our Part Is Done on the Security-Team board.

This is completed by the set of linked Gerrit diffs.

Test wiki on Patch demo by ASanford-WMF using patch(es) linked to this task was deleted:

https://7e9e700ebb.catalyst.wmcloud.org/w/