WordPress.org

Make WordPress Core

Opened 2 years ago

Closed 3 months ago

#35040 closed enhancement (maybelater)

Add lines to split content in customizer

Reported by: karmatosed Owned by: karmatosed
Milestone: Priority: normal
Severity: normal Version:
Component: Customize Keywords: ux-feedback ui-feedback needs-patch
Focuses: ui Cc:

Description

This is a change to increase usability of the sections. Currently the sub sections in a section are hard to read in some cases. For example:

https://cldup.com/rXn1OFUcBB.png

A simple change would be to add a line between these to give them legibility. I have done a suggestion and used a 20px gap to create and reflect the side.

https://cldup.com/jZhwmFiu_i.png

Change History (11)

#1 @karmatosed
2 years ago

  • Keywords ux-feedback ui-feedback added

#2 @melchoyce
2 years ago

The full-width lines feel like a lot, especially when you have a long list of items, and might confuse the hierarchy a bit. The only items that currently have full-width borders are sections. They're not as bad when they're not full-width, and dividing up content a bit more can be valuable, but I think we might want to be a bit more judicious with where we use them. For example, separating the "primary" action or information and overrides/secondary actions.

#3 @karmatosed
2 years ago

Hmm good points and thanks for the examples. I actually think having on all sections isn't that bad as in: https://cloudup.com/i7iZN1uw-TR. For me it makes it more readable. I'd happily settle on having at least some though as in: https://cloudup.com/i26eYN2KH2N

#4 @johnbillion
2 years ago

  • Version trunk deleted

#5 @celloexpressions
21 months ago

I feel like in certain places where it seems like there should be a separator between controls, the real issue may be that those controls don't belong in the same section in the first place. We would also want to be careful about improving separation without introducing visual noise. I wonder if improving control label (title) styling might be a better way to address the underlying problem.

#6 @karmatosed
21 months ago

@celloexpressions I think both. I'm still not convinced that if you do have several controls on one page it's user friendly to not visually seperate. Visual noise is already there if the page has no space for the eye to take in the content.

#7 @celloexpressions
19 months ago

The rhythm of spacing between controls also tends to be inconsistent and that would be another thing to explore improving.

#8 @karmatosed
16 months ago

  • Owner set to karmatosed
  • Status changed from new to assigned

I'm assigning this to myself as I'll work on a patch for this.

#9 @moonomo
15 months ago

Line between a group of controls does help to focus the separation better. I've been using a custom control to add lines, optionally w/ Title in Snowbird https://themes.trac.wordpress.org/ticket/31294- instead of grouping controls into multiple sub-section.

Here's two screenshots:

https://dl.dropboxusercontent.com/u/66515171/wp_org/snowbird-customize-line-example-02.png

https://dl.dropboxusercontent.com/u/66515171/wp_org/snowbird-customize-line-example-01.png

#10 @karmatosed
13 months ago

  • Keywords needs-patch added
  • Milestone changed from Awaiting Review to Future Release

This is going to take more of an audit to the entire Customizer so putting for future as totally a planned thing but not for this release.

#11 @melchoyce
3 months ago

  • Milestone Future Release deleted
  • Resolution set to maybelater
  • Status changed from assigned to closed

Not much traction here, so I'm going to close for now. We can resurrect if we need to.

Note: See TracTickets for help on using tickets.