Customize: Reduce vertical space of site icon control.

Makes the control easier to find, reduces visual clutter, and is more
consistent with Customizer UI conventions.

Props celloexpressions.
Fixes #35943.

Built from https://develop.svn.wordpress.org/trunk@36907


git-svn-id: http://core.svn.wordpress.org/trunk@36875 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Konstantin Obenland
2016-03-09 21:19:27 +00:00
parent e505f0ac9c
commit f39d1e4fcc
10 changed files with 32 additions and 15 deletions

View File

@@ -956,7 +956,6 @@ p.customize-section-description {
.customize-control-image img,
.customize-control-background img,
.customize-control-cropped_image img,
.customize-control-site_icon img,
.customize-control-header img {
width: 100%;
-webkit-border-radius: 2px;

File diff suppressed because one or more lines are too long

View File

@@ -956,7 +956,6 @@ p.customize-section-description {
.customize-control-image img,
.customize-control-background img,
.customize-control-cropped_image img,
.customize-control-site_icon img,
.customize-control-header img {
width: 100%;
-webkit-border-radius: 2px;

File diff suppressed because one or more lines are too long

View File

@@ -24,6 +24,8 @@
.site-icon-preview .browser-title {
right: 109px;
width: 72px;
white-space: nowrap;
}
.site-icon-preview .app-icon-preview {
@@ -35,3 +37,13 @@
width: 64px;
margin-top: 5px;
}
.customize-control-site_icon .favicon-preview {
float: right;
margin-left: 12px;
margin-bottom: 0;
}
.customize-control-site_icon .app-icon-preview {
margin-top: 9px;
}

View File

@@ -1 +1 @@
.site-icon-preview .favicon-preview{margin:5px 0 20px;overflow:hidden;position:relative;max-width:180px}.site-icon-preview .browser-title,.site-icon-preview .favicon{height:16px;right:88px;overflow:hidden;position:absolute;top:16px}.site-icon-preview .favicon{width:16px}.site-icon-preview .browser-title{right:109px}.site-icon-preview .app-icon-preview{background-color:#000;-webkit-border-radius:16px;border-radius:16px;height:64px;overflow:hidden;width:64px;margin-top:5px}
.site-icon-preview .favicon-preview{margin:5px 0 20px;overflow:hidden;position:relative;max-width:180px}.site-icon-preview .browser-title,.site-icon-preview .favicon{height:16px;right:88px;overflow:hidden;position:absolute;top:16px}.site-icon-preview .favicon{width:16px}.site-icon-preview .browser-title{right:109px;width:72px;white-space:nowrap}.site-icon-preview .app-icon-preview{background-color:#000;-webkit-border-radius:16px;border-radius:16px;height:64px;overflow:hidden;width:64px;margin-top:5px}.customize-control-site_icon .favicon-preview{float:right;margin-left:12px;margin-bottom:0}.customize-control-site_icon .app-icon-preview{margin-top:9px}

View File

@@ -24,6 +24,8 @@
.site-icon-preview .browser-title {
left: 109px;
width: 72px;
white-space: nowrap;
}
.site-icon-preview .app-icon-preview {
@@ -35,3 +37,13 @@
width: 64px;
margin-top: 5px;
}
.customize-control-site_icon .favicon-preview {
float: left;
margin-right: 12px;
margin-bottom: 0;
}
.customize-control-site_icon .app-icon-preview {
margin-top: 9px;
}

View File

@@ -1 +1 @@
.site-icon-preview .favicon-preview{margin:5px 0 20px;overflow:hidden;position:relative;max-width:180px}.site-icon-preview .browser-title,.site-icon-preview .favicon{height:16px;left:88px;overflow:hidden;position:absolute;top:16px}.site-icon-preview .favicon{width:16px}.site-icon-preview .browser-title{left:109px}.site-icon-preview .app-icon-preview{background-color:#000;-webkit-border-radius:16px;border-radius:16px;height:64px;overflow:hidden;width:64px;margin-top:5px}
.site-icon-preview .favicon-preview{margin:5px 0 20px;overflow:hidden;position:relative;max-width:180px}.site-icon-preview .browser-title,.site-icon-preview .favicon{height:16px;left:88px;overflow:hidden;position:absolute;top:16px}.site-icon-preview .favicon{width:16px}.site-icon-preview .browser-title{left:109px;width:72px;white-space:nowrap}.site-icon-preview .app-icon-preview{background-color:#000;-webkit-border-radius:16px;border-radius:16px;height:64px;overflow:hidden;width:64px;margin-top:5px}.customize-control-site_icon .favicon-preview{float:left;margin-right:12px;margin-bottom:0}.customize-control-site_icon .app-icon-preview{margin-top:9px}