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

git-svn-id: https://develop.svn.wordpress.org/trunk@20391 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Daryl Koopersmith
2012-04-07 00:10:22 +00:00
parent 21490033fb
commit 315d6e31e3
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;
}