mirror of
https://github.com/gosticks/wordpress-develop.git
synced 2026-06-28 14:20:15 +00:00
Theme Customizer: Improve form markup. Make the theme title/author a section. Prevent section arrows from blocking clicks. see #19910.
git-svn-id: https://develop.svn.wordpress.org/trunk@20106 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
@@ -2,17 +2,6 @@ body {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.customize-section {
|
||||
border-top: 1px solid #fff;
|
||||
border-bottom: 1px solid #dfdfdf;
|
||||
padding: 15px 20px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.customize-section:last-child {
|
||||
box-shadow: 0 1px 0 0px #fff;
|
||||
}
|
||||
|
||||
#customize-controls {
|
||||
width: 300px;
|
||||
height: 100%;
|
||||
@@ -26,6 +15,55 @@ body {
|
||||
border-right: 1px solid rgba( 0, 0, 0, 0.2 );
|
||||
}
|
||||
|
||||
.customize-section {
|
||||
border-top: 1px solid #fff;
|
||||
border-bottom: 1px solid #dfdfdf;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.customize-section:last-child {
|
||||
box-shadow: 0 1px 0 0px #fff;
|
||||
}
|
||||
|
||||
.customize-section-title {
|
||||
margin: 0;
|
||||
padding: 15px 20px;
|
||||
position: relative;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.customize-section-content {
|
||||
display: none;
|
||||
padding: 0 20px 15px;
|
||||
}
|
||||
|
||||
.customize-section.open .customize-section-content {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.customize-section-title:after {
|
||||
content: '';
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-color: #ccc transparent transparent transparent;
|
||||
border-style: solid;
|
||||
border-width: 6px;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.customize-section.open .customize-section-title:after {
|
||||
top: 13px;
|
||||
border-color: transparent transparent #ccc transparent;
|
||||
}
|
||||
|
||||
#customize-controls .theme-name {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
@@ -54,45 +92,6 @@ body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#customize-theme-controls ul ul {
|
||||
margin-top: 1em;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#customize-theme-controls ul h3 {
|
||||
margin: 0;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#customize-theme-controls ul h3:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#customize-theme-controls ul h3:after {
|
||||
content: '';
|
||||
border-color: #ccc transparent transparent transparent;
|
||||
border-style: solid;
|
||||
border-width: 6px;
|
||||
float: right;
|
||||
margin-top: 5px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
#customize-theme-controls ul h3.open:after {
|
||||
-moz-transform: rotate(180deg);
|
||||
-webkit-transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
-moz-transform-origin: center 3px;
|
||||
-webkit-transform-origin: center 3px;
|
||||
-o-transform-origin: center 3px;
|
||||
-ms-transform-origin: center 3px;
|
||||
transform-origin: center 3px;
|
||||
}
|
||||
|
||||
#customize-footer {
|
||||
border-bottom: 0;
|
||||
border-top: 1px solid #dfdfdf;
|
||||
|
||||
Reference in New Issue
Block a user