vhad/wordpress-develop
1
0
Fork 0
mirror of https://github.com/gosticks/wordpress-develop.git synced 2026-04-05 13:14:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Theme Customizer: Prevent sidebar scrollbar from overlapping sidebar header or footer. fixes #20649, #20650, see #19910.

Browse Source 
git-svn-id: https://develop.svn.wordpress.org/trunk@20791 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Daryl Koopersmith
2012-05-15 01:03:31 +00:00
parent 376a2485c1
commit ecf6940ffb
4 changed files with 70 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -5285,8 +5285,7 @@ body.full-overlay-active {
}
.wp-full-overlay.collapsed,
.wp-full-overlay.collapsed div.wp-full-overlay-header,
.wp-full-overlay.collapsed div.wp-full-overlay-footer {
.wp-full-overlay.collapsed .wp-full-overlay-sidebar > div {
left: -302px;
}
@@ -5299,7 +5298,6 @@ body.full-overlay-active {
position: relative;
overflow: auto;
background: #f5f5f5;
box-shadow: inset -11px 0 8px -8px rgba( 0, 0, 0, 0.1 );
border-right: 1px solid rgba( 0, 0, 0, 0.2 );
}
@@ -5307,6 +5305,18 @@ body.full-overlay-active {
overflow: visible;
}
.wp-full-overlay-sidebar:after {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 8px;
box-shadow: inset -11px 0 8px -8px rgba( 0, 0, 0, 0.1 );
z-index: 1000;
}
.wp-full-overlay-main {
position: fixed;
left: 300px;
@@ -5319,34 +5329,38 @@ body.full-overlay-active {
left: 0;
}
.wp-full-overlay-sidebar div.wp-full-overlay-header,
.wp-full-overlay-sidebar div.wp-full-overlay-footer {
.wp-full-overlay-sidebar .wp-full-overlay-header,
.wp-full-overlay-sidebar .wp-full-overlay-footer {
position: fixed;
left: 0;
width: 260px;
padding: 15px 20px;
min-height: 16px;
margin: 0;
height: 45px;
padding: 0 20px;
line-height: 45px;
z-index: 10;
background: #f5f5f5;
margin: 0;
}
.wp-full-overlay-sidebar div.wp-full-overlay-header {
.wp-full-overlay-sidebar .wp-full-overlay-header {
top: 0;
border-top: 0;
border-bottom: 1px solid #fff;
box-shadow:
inset -11px 0 8px -8px rgba( 0, 0, 0, 0.1 ),
inset 0 -1px 0 0px #dfdfdf;
box-shadow: inset 0 -1px 0 0px #dfdfdf;
}
.wp-full-overlay-sidebar div.wp-full-overlay-footer {
.wp-full-overlay-sidebar .wp-full-overlay-footer {
bottom: 0;
border-bottom: 0;
border-top: 1px solid #dfdfdf;
box-shadow:
inset -11px 0 8px -8px rgba( 0, 0, 0, 0.1 ),
inset 0 1px 0 0px #fff;
box-shadow: inset 0 1px 0 0px #fff;
}
.wp-full-overlay-sidebar .wp-full-overlay-sidebar-content {
position: fixed;
top: 45px;
bottom: 45px;
width: 300px;
overflow: auto;
}
/* Return and close buttons. */
@@ -5365,7 +5379,7 @@ body.full-overlay-active {
/* Collapse Button */
.wp-full-overlay .collapse-sidebar {
position: absolute;
bottom: 13px;
bottom: 12px;
left: 265px;
z-index: 50;
display: block;
@@ -5413,8 +5427,7 @@ body.full-overlay-active {
/* Animations */
.wp-full-overlay,
.wp-full-overlay .collapse-sidebar,
.wp-full-overlay-sidebar div.wp-full-overlay-header,
.wp-full-overlay-sidebar div.wp-full-overlay-footer,
.wp-full-overlay-sidebar > div,
.wp-full-overlay-main {
-moz-transition-property: left, right, top, bottom;
-webkit-transition-property: left, right, top, bottom;
@@ -5480,7 +5493,7 @@ body.full-overlay-active {
.install-theme-info {
display: none;
padding: 45px 20px 15px;
padding: 10px 20px 20px;
}
.single-theme .install-theme-info {
@@ -5508,6 +5521,10 @@ body.full-overlay-active {
border: 1px solid #ccc;
}
.install-theme-info .theme-details {
overflow: hidden;
}
.theme-details .theme-version {
margin: 15px 0;
float: left;