Making improvements to new styles added in the MP6 merge, and addressing visual feedback from core team.

Improved and more consistent styling on the widgets & menus pages:

* Use the same visual treatment for both widgets and menus.
* Re-use existing styles from input:focus for draggable elements.
* Use the standard H3 size for widget area titles.
* Re-style the Widgets page drop zone to match drop zone from dashboard.
* Replace the gear icon on Widgets with the standard open/close arrows.
* Remove "Choose a sidebar" header from widget area chooser.

Make open/close arrows more consistent:

* Use the same arrow direction everywhere: pointing down when its container is closed, pointing up when open (following the Dashboard example).
* Set a consistent color for open/close arrows.
* Add a hover color for open/close arrows.
* Make open/close arrows permanently visible; :hover states don't exist on touch.

Make typography and color more consistent:

* Switch all declarations of #dedede to #ddd for simplicity's sake.
* Make H3s the same weight and color as H2s.
* Make select elements the same color as text inputs.
* Make paragraph text #444 so it doesn't look washed out on grey backgrounds.

General improvements:

* Eliminate the border between rows in settings tables.
* Make text and buttons line up in the Customizer.

See #25858.



git-svn-id: https://develop.svn.wordpress.org/trunk@26293 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Matt Thomas
2013-11-20 22:47:25 +00:00
parent a25d658720
commit 9df3f0fde2
4 changed files with 120 additions and 283 deletions

View File

@@ -429,7 +429,6 @@ foreach ( $theme_sidebars as $sidebar => $registered_sidebar ) {
</div>
<div id="widgets-chooser">
<h3><?php _e( 'Choose a sidebar:' ); ?></h3>
<ul class="widgets-chooser-sidebars"></ul>
<div class="widgets-chooser-actions">
<button class="button-secondary"><?php _e( 'Cancel' ); ?></button>