WordPress.org

Make WordPress Core

Opened 3 months ago

Closed 3 months ago

Last modified 3 months ago

#51647 closed defect (bug) (fixed)

Customizer menu details sizing

Reported by: Clorith Owned by: desrosj
Milestone: 5.6 Priority: normal
Severity: normal Version: 5.6
Component: Customize Keywords: has-screenshots has-patch commit
Focuses: ui, css, administration Cc:

Description

The current styling for the menu item wrapper sets a max width of 382px, which is great, until you get a larger monitor, and the percentage widths elsewhere start making the customizer sidebar larger.

Attachments (2)

customizer-menu-item-details-pre.PNG (15.4 KB) - added by Clorith 3 months ago.
Screenshot before applying max-width
customizer-menu-item-details-post.PNG (15.3 KB) - added by Clorith 3 months ago.
Screenshot after applying max-width

Download all attachments as: .zip

Change History (8)

@Clorith
3 months ago

Screenshot before applying max-width

@Clorith
3 months ago

Screenshot after applying max-width

This ticket was mentioned in PR #669 on WordPress/wordpress-develop by Clorith.


3 months ago

  • Keywords has-patch added

#2 @garrett-eclipse
3 months ago

  • Focuses ui administration added
  • Keywords commit added
  • Milestone changed from Awaiting Review to 5.6
  • Owner set to garrett-eclipse
  • Status changed from new to accepted

Thanks for the catch and fix there @Clorith, I'm envious of the massive monitor had to zoom down to 67% to reproduce. The PR fixes the issue as expected and applies cleanly.

As it's small, isolated and related to the recently committed [49346]/#49375 I'm going to see if we can land before Beta3 in 5.6.

#3 @Clorith
3 months ago

For anyone else who may be looking to test visual things in the customizer, you can also extend the width of the sidebar to get the same effect as zooming in here, but maintain your aspect ratios :)

#4 @desrosj
3 months ago

  • Owner changed from garrett-eclipse to desrosj
  • Status changed from accepted to assigned

#5 @desrosj
3 months ago

  • Resolution set to fixed
  • Status changed from assigned to closed

In 49481:

Customize: Ensure menu items expand horizontally on large screens.

Props clorith, garrett-eclipse.
Fixes #51647.

Note: See TracTickets for help on using tickets.