WordPress.org

Make WordPress Core

Opened 6 weeks ago

Closed 5 weeks ago

#54329 closed enhancement (fixed)

100% width on Customizer Range Controls

Reported by: domainsupport Owned by: hellofromTonya
Milestone: 5.9 Priority: normal
Severity: normal Version:
Component: Customize Keywords: has-patch commit
Focuses: css Cc:

Description

Hello,

Is it possible to add ...

.customize-control input[type="range"] {
width: 100%;
}

... into /wp-admin/load-styles.php so that range controls in the Customizer are as wide as possible allowing for smaller increments to be more easily obtained by the user?

Thank you,

Oliver

Attachments (1)

customize-controls.diff (530 bytes) - added by domainsupport 5 weeks ago.
Add 100% width to range input in Customizer

Download all attachments as: .zip

Change History (8)

#1 @dlh
5 weeks ago

  • Keywords needs-patch added
  • Milestone changed from Awaiting Review to 5.9
  • Version 5.8.1 deleted

Welcome back @domainsupport, and thanks for the ticket!

This enhancement makes sense to me, and there's precedent for it with <select> controls in [40567]. Would you be interested in submitting a patch?

We're a little close to the enhancements deadline for 5.9, but this might be a change that could sneak in so as to receive feedback during beta.

#2 @sabernhardt
5 weeks ago

Adding the range input to the middle of this selector list would set them to 100% width, without any margin.

#3 @domainsupport
5 weeks ago

No problem @dlh, I've not done that before but think the attached file is correct. I've put it in the selector list that @sabernhardt referenced.

@domainsupport
5 weeks ago

Add 100% width to range input in Customizer

#4 @dlh
5 weeks ago

  • Keywords has-patch commit added; needs-patch removed

Thanks @domainsupport! I tested the patch in a few browsers on macOS, and it worked as advertised. I'd welcome more feedback, but to my eyes, this is worth a shot.

#5 @domainsupport
5 weeks ago

Thank you! :)

#6 @hellofromTonya
5 weeks ago

  • Owner set to hellofromTonya
  • Status changed from new to reviewing

#7 @hellofromTonya
5 weeks ago

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

In 51996:

Customizer: Make range controls full width.

Adds CSS for range controls in the Customizer to be as wide as possible allowing for smaller increments to be more easily obtained by the user.

Follow-up to [28930].

Props domainsupport, dlh, sabernhardt, audrasjb.
Fixes #54329.

Note: See TracTickets for help on using tickets.