Add lines to split content in customizer

[karmatosed]

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:

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.

[melchoyce]

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.

[karmatosed]

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

[celloexpressions]

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.

[karmatosed]

@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.

[celloexpressions]

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

[karmatosed]

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

[moonomo]

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:

[karmatosed]

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.

[melchoyce]

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