Make WordPress Core

Opened 4 years ago

Closed 4 years ago

Last modified 4 years ago

#51647 closed defect (bug) (fixed)

Customizer menu details sizing

Reported by: clorith's profile Clorith Owned by: desrosj's profile 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 4 years ago.
Screenshot before applying max-width
customizer-menu-item-details-post.PNG (15.3 KB) - added by Clorith 4 years ago.
Screenshot after applying max-width

Download all attachments as: .zip

Change History (8)

@Clorith
4 years ago

Screenshot before applying max-width

@Clorith
4 years ago

Screenshot after applying max-width

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


4 years ago
#1

  • Keywords has-patch added

#2 @garrett-eclipse
4 years 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
4 years 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
4 years ago

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

#5 @desrosj
4 years 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.