Make WordPress Core

Opened 7 weeks ago

Last modified 4 weeks ago

#60943 new defect (bug)

Ensure Consistency in Notice Widths on Plugins Page for Improved UI Cohesion

Reported by: ankit-k-gupta's profile Ankit K Gupta Owned by:
Milestone: 6.6 Priority: normal
Severity: normal Version: 6.5
Component: Plugins Keywords: has-testing-info has-patch dev-feedback
Focuses: ui, administration Cc:

Description

This reported ticket is not a bug but rather an enhancement for a UI cosmetic change to ensure consistency across all notices on the Plugins page.

Currently, most notices displayed on the WordPress dashboard have a full-width layout. However, the recently added notice for plugin requirement information has a narrower width compared to the Plugin update notice.

When both types of notices are displayed on the same screen, as shown in the screenshot provided, there is a noticeable difference in appearance like a huge blank space below the plugin name.

Increasing the width of the newly added notice to match the full width of other notices would result in a more visually cohesive layout.

Steps to Reproduce:

  1. Navigate to the Plugins page of the WordPress dashboard.
  2. Observe the layout of plugin update notices and plugin requirement notices.
  3. Compare the widths of these notices and note the difference in appearance.

Attached screenshot for reference.

Screenshots:

Current Behavior::

https://i.imgur.com/2aJxwYb.jpg

Expected Behavior:

https://i.imgur.com/vLDLQ5F.jpg

Other Notices for Reference:

Header Notice:

https://i.imgur.com/ksVCv5L.jpg

https://i.imgur.com/FfVtN3p.jpg

Happy to discuss if this is intentional design

Change History (12)

#1 @SergeyBiryukov
7 weeks ago

  • Milestone changed from Awaiting Review to 6.6

#2 @Ankit K Gupta
7 weeks ago

  • Keywords needs-patch has-testing-info added

#3 @mukesh27
7 weeks ago

  • Keywords 2nd-opinion removed

This ticket was mentioned in PR #6440 on WordPress/wordpress-develop by @khokansardar.


5 weeks ago
#4

  • Keywords has-patch added; needs-patch removed

Fix plugin dependencies error notice width issues on plugin page.

Trac ticket: #60943

#5 @khokansardar
5 weeks ago

  • Keywords dev-feedback needs-testing added

#6 @Hitendra Chopda
4 weeks ago

Test report

I have tested the issue.

Environment

OS: macOS Sonoma 14.4
Web Server: Nginx
PHP: 8.0
WordPress: 6.5.2
Browser: Safari 7.4 (macOS), Chrome Version 123.0.6312.106
Theme: StoreFront - 4.5.5

Screenshot: https://prnt.sc/DWUpjOBbOb9S

Actual Result:

Both warnings and errors should be in one line.

Thank you.

Last edited 4 weeks ago by Hitendra Chopda (previous) (diff)

#8 follow-up: @khokansardar
4 weeks ago

@hitendra-chopda have you tested with the patch?

#9 in reply to: ↑ 8 ; follow-up: @Hitendra Chopda
4 weeks ago

Replying to khokansardar:

@hitendra-chopda have you tested with the patch?

@khokansardar No, I have tested without patch in latest WordPress version.

Last edited 4 weeks ago by Hitendra Chopda (previous) (diff)

#10 in reply to: ↑ 9 @khokansardar
4 weeks ago

With this PR https://github.com/WordPress/wordpress-develop/pull/6440, it should resolve the issue.
Replying to Hitendra Chopda:

Replying to khokansardar:

@hitendra-chopda have you tested with the patch?

@khokansardar No, I have tested without patch in latest WordPress version.

#11 @Hitendra Chopda
4 weeks ago

Test report

I have tested the https://github.com/WordPress/wordpress-develop/pull/6440 PR request.

Environment

OS: macOS Sonoma 14.4
Web Server: Nginx
Platform: playground
PHP: 8.3
WordPress: 6.5
Browser: Safari 7.4 (macOS), Chrome Version 123.0.6312.106
Theme: Twenty Twenty-Four Version: 1.1

Actual Result:

It is working as expected.

https://share.cleanshot.com/14lj4KqKkt56XnVPVjTY

Thank you.

#12 @sumitbagthariya16
4 weeks ago

  • Keywords needs-testing removed

Test report


I have tested the with the patch https://github.com/WordPress/wordpress-develop/pull/6440 PR request.

Testing Environment

WordPress: 6.5.2
PHP: 8.0.30
Web Server: Nginx 1.20.2
Browser: Chrome
OS: macOS Ventura 13.3

Test Result:
Now the Consistency in Notice Widths on Plugin is the same for all the plugins.

Screenshot:

Before Patch
https://prnt.sc/9448bYtsNp16

After Patch
https://prnt.sc/bqr_2gH1S5U5

Thank you.

Note: See TracTickets for help on using tickets.