Theme Customizer: Move 'collapse' button to footer and add a visible text label. see #19910.

git-svn-id: http://svn.automattic.com/wordpress/trunk@20391 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
koopersmith 2012-04-07 00:10:22 +00:00
parent a8dff3cb86
commit 3230ba3987
3 changed files with 31 additions and 5 deletions

View File

@ -5131,7 +5131,7 @@ body.full-overlay-active {
/* Collapse Button */
.wp-full-overlay .collapse-sidebar {
position: absolute;
top: 13px;
bottom: 13px;
left: 265px;
z-index: 50;
display: block;
@ -5144,7 +5144,7 @@ body.full-overlay-active {
position: absolute;
left: 315px;
}
.wp-full-overlay .collapse-sidebar span {
.wp-full-overlay .collapse-sidebar-arrow {
margin-top: 2px;
margin-left: 2px;
display: block;
@ -5152,10 +5152,25 @@ body.full-overlay-active {
height: 15px;
background: transparent url('../../wp-admin/images/arrows.png') no-repeat 0 -72px;
}
.wp-full-overlay.collapsed .collapse-sidebar span {
.wp-full-overlay.collapsed .collapse-sidebar-arrow {
background-position: 0 -108px;
}
.wp-full-overlay .collapse-sidebar-label {
text-align: right;
position: absolute;
right: 100%;
color: #aaa;
line-height: 20px;
margin-right: 10px;
}
.wp-full-overlay.collapsed .collapse-sidebar-label {
display: none;
}
.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-label {
color: #999;
}
/* Animations */
.wp-full-overlay,
.wp-full-overlay .collapse-sidebar,
@ -5193,6 +5208,10 @@ body.full-overlay-active {
z-index: 20;
}
#customize-container .collapse-sidebar {
bottom: 16px;
}
#theme-installer {
display: none;
}

View File

@ -213,10 +213,14 @@ class WP_Theme_Install_List_Table extends WP_Themes_List_Table {
?>
<div id="theme-installer" class="wp-full-overlay">
<a href="#" class="close-full-overlay"><?php printf( __( '&larr; Return to %s' ), get_admin_page_title() ); ?></a>
<a href="#" class="collapse-sidebar button-secondary" title="<?php esc_attr_e('Collapse Sidebar'); ?>"><span></span></a>
<a href="#" class="collapse-sidebar button-secondary" title="<?php esc_attr_e('Collapse Sidebar'); ?>">
<span class="collapse-sidebar-label"><?php _e('Collapse'); ?></span>
<span class="collapse-sidebar-arrow"></span>
</a>
<div class="wp-full-overlay-sidebar">
<div class="wp-full-overlay-header"></div>
<div class="install-theme-info"></div>
<div class="wp-full-overlay-footer"></div>
</div>
<div class="wp-full-overlay-main"></div>
</div>

View File

@ -304,7 +304,10 @@ final class WP_Customize {
<div id="customize-container" class="wp-full-overlay">
<input type="hidden" class="admin-url" value="<?php echo esc_url( admin_url( 'admin.php' ) ); ?>" />
<a href="#" class="close-full-overlay"><?php printf( __( '&larr; Return to %s' ), get_admin_page_title() ); ?></a>
<a href="#" class="collapse-sidebar button-secondary" title="<?php esc_attr_e('Collapse Sidebar'); ?>"><span></span></a>
<a href="#" class="collapse-sidebar button-secondary" title="<?php esc_attr_e('Collapse Sidebar'); ?>">
<span class="collapse-sidebar-label"><?php _e('Collapse'); ?></span>
<span class="collapse-sidebar-arrow"></span>
</a>
</div>
<?php
}