Customize: Make "Add New Page" buttons less intrusive.

They now better match the existing add functionality from the category metabox and are better separated from the surrounding inputs. All hail `.button-link`.

fixes #38164. see #35126.


git-svn-id: https://develop.svn.wordpress.org/trunk@39194 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Helen Hou-Sandi 2016-11-10 02:55:56 +00:00
parent 5309ebbbaa
commit 208998a9d5
2 changed files with 21 additions and 1 deletions

View File

@ -742,6 +742,23 @@ p.customize-section-description {
border: 1px solid #f00;
}
.customize-control-dropdown-pages .add-new-toggle {
margin-left: 1px;
color: #0073aa;
font-weight: 600;
line-height: 28px;
text-decoration: underline;
}
.customize-control-dropdown-pages .add-new-toggle:hover,
.customize-control-dropdown-pages .add-new-toggle:active {
color: #00a0d2;
}
.customize-control-dropdown-pages .add-new-toggle:focus {
color: #124964;
}
#customize-preview iframe {
width: 100%;
height: 100%;

View File

@ -588,7 +588,10 @@ class WP_Customize_Control {
?>
</label>
<?php if ( $this->allow_addition && current_user_can( 'publish_pages' ) && current_user_can( 'edit_theme_options' ) ) : // Currently tied to menus functionality. ?>
<button type="button" class="button add-new-toggle"><?php echo get_post_type_object( 'page' )->labels->add_new_item; ?></button>
<button type="button" class="button-link add-new-toggle"><?php
/* translators: %s: add new page label */
printf( __( '+ %s' ), get_post_type_object( 'page' )->labels->add_new_item );
?></button>
<div class="new-content-item">
<label for="create-input-<?php echo $this->id; ?>"><span class="screen-reader-text"><?php _e( 'New page title' ); ?></span></label>
<input type="text" id="create-input-<?php echo $this->id; ?>" class="create-item-input" placeholder="<?php esc_attr_e( 'New page title&hellip;' ); ?>">