WordPress-C
/
WordPress
mirror of https://github.com/WordPress/WordPress.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
wp-admin/css/wp-admin.dev.css
View File

@ -5131,7 +5131,7 @@ body.full-overlay-active {
/* Collapse Button */ /* Collapse Button */
.wp-full-overlay .collapse-sidebar { .wp-full-overlay .collapse-sidebar {
position: absolute; position: absolute;
top: 13px; bottom: 13px;
left: 265px; left: 265px;
z-index: 50; z-index: 50;
display: block; display: block;
@ -5144,7 +5144,7 @@ body.full-overlay-active {
position: absolute; position: absolute;
left: 315px; left: 315px;
} }
.wp-full-overlay .collapse-sidebar span { .wp-full-overlay .collapse-sidebar-arrow {
margin-top: 2px; margin-top: 2px;
margin-left: 2px; margin-left: 2px;
display: block; display: block;
@ -5152,10 +5152,25 @@ body.full-overlay-active {
height: 15px; height: 15px;
background: transparent url('../../wp-admin/images/arrows.png') no-repeat 0 -72px; 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; 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 */ /* Animations */
.wp-full-overlay, .wp-full-overlay,
.wp-full-overlay .collapse-sidebar, .wp-full-overlay .collapse-sidebar,
@ -5193,6 +5208,10 @@ body.full-overlay-active {
z-index: 20; z-index: 20;
} }
#customize-container .collapse-sidebar {
bottom: 16px;
}
#theme-installer { #theme-installer {
display: none; display: none;
} }

6
wp-admin/includes/class-wp-theme-install-list-table.php
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"> <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="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-sidebar">
<div class="wp-full-overlay-header"></div> <div class="wp-full-overlay-header"></div>
<div class="install-theme-info"></div> <div class="install-theme-info"></div>
<div class="wp-full-overlay-footer"></div>
</div> </div>
<div class="wp-full-overlay-main"></div> <div class="wp-full-overlay-main"></div>
</div> </div>

5
wp-includes/class-wp-customize.php
View File

@ -304,7 +304,10 @@ final class WP_Customize {
<div id="customize-container" class="wp-full-overlay"> <div id="customize-container" class="wp-full-overlay">
<input type="hidden" class="admin-url" value="<?php echo esc_url( admin_url( 'admin.php' ) ); ?>" /> <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="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> </div>
<?php <?php
} }