Customizer: Add support for the media library in Background Image controls.

`WP_Customize_Upload_Control` (PHP) and `api.UploadControl` (JS) can now open the media modal.

props celloexpressions, and ericlewis for docs.
see #21483.

git-svn-id: https://develop.svn.wordpress.org/trunk@30309 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Dominik Schilling (ocean90)
2014-11-11 23:51:48 +00:00
parent 3566ac62c8
commit 4175d8a922
4 changed files with 355 additions and 370 deletions

View File

@@ -10,6 +10,10 @@ body {
font-size: 14px;
}
#customize-controls img {
max-width: 100%;
}
#customize-controls .submit {
text-align: center;
}
@@ -414,6 +418,40 @@ p.customize-section-description {
margin-right: 5px;
}
.customize-control .attachment-thumb.type-icon {
float: left;
margin-right: 12px;
}
.customize-control .attachment-title {
font-weight: bold;
margin: 0 0 12px 0;
}
.customize-control .remove-button {
margin-left: 8px;
vertical-align: middle;
}
.customize-control .thumbnail-audio .attachment-title,
.customize-control .thumbnail.thumbnail-audio,
.customize-control .thumbnail.thumbnail-video,
.customize-control .thumbnail.thumbnail-image {
margin-bottom: 8px;
}
.customize-control .placeholder-text {
font-size: 18px;
font-weight: 300;
text-align: center;
color: #aaa;
cursor: default;
}
.customize-control .thumbnail-image img {
cursor: pointer;
}
#customize-preview iframe {
width: 100%;
height: 100%;