WordPress.org
Get WordPress

Make WordPress Core

Opened 4 weeks ago

Last modified 10 days ago

#62064 new defect (bug)

Refresh Authorize Application page UI

Reported by: jeffpaul's profile JeffPaul Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Application Passwords Keywords: needs-design needs-copy-review needs-patch good-first-bug
Focuses: ui, ui-copy Cc:

Description

The Authorize Application screen that you get popped into when approving an Application Password via a logged in account has some UI deficiencies for particularly long links and primary and secondary buttons that are stacked with varying formatted text between them. This feels like a good opportunity for a UI improvement to make this experience a bit less visually complex and cognitively confusing for users.

Attachments (4)

Authorize-Application.png​ (473.0 KB) - added by JeffPaul 4 weeks ago.
screenshot of a sample screen with overflowing URL text and stacked action buttons
Screenshot 2024-10-01 223946.png​ (64.3 KB) - added by denstyll 10 days ago.
Authorize Application fixed
Screenshot 2024-10-02 at 9.01.24 AM.png​ (96.7 KB) - added by pratiklondhe 10 days ago.
UI still seems to be breaking for long strings, tested on the latest trunk branch pull
62064.diff​ (344 bytes) - added by pratiklondhe 9 days ago.
Small change to fix the long strings going out of the card div

Download all attachments as: .zip

Change History (8)

@JeffPaul
4 weeks ago

screenshot of a sample screen with overflowing URL text and stacked action buttons

#1 @JeffPaul
4 weeks ago

  • Keywords good-first-bug added

This ticket was mentioned in ​Slack in #design by jeffpaul. ​View the logs.
4 weeks ago

@denstyll
10 days ago

Authorize Application fixed

#3 @denstyll
10 days ago

Hey Jeff,

Looks like this has already been resolved. I've attached the image confirming.

@pratiklondhe
10 days ago

UI still seems to be breaking for long strings, tested on the latest trunk branch pull

#4 @pratiklondhe
10 days ago

A better user experience might be to display a popup showing the URL, informing the user that they will be redirected after approval/rejection, and asking for confirmation.

@pratiklondhe
9 days ago

Small change to fix the long strings going out of the card div

Note: See TracTickets for help on using tickets.