Customize: Make the media control buttons natural-width.

Natural-width buttons are better for translations, and don't feel as
overpowering as the half-width (and full-width) buttons.

Props melchoyce, timmydcrawford, afercia.
Fixes #40220.

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


git-svn-id: http://core.svn.wordpress.org/trunk@40516 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Andrea Fercia 2017-05-12 17:50:44 +00:00
parent 430422b0b7
commit 705ecf3312
9 changed files with 35 additions and 47 deletions

View File

@ -710,7 +710,9 @@ p.customize-section-description {
padding-top: 7px; padding-top: 7px;
} }
.customize-control .thumbnail-image { .customize-control .thumbnail-image,
.customize-control-header .current,
.customize-control .wp-media-wrapper.wp-video {
line-height: 0; line-height: 0;
} }
@ -932,12 +934,8 @@ p.customize-section-description {
/* Media controls */ /* Media controls */
.customize-control .attachment-media-view .actions { .customize-control .actions .button {
margin-top: 8px; margin-top: 12px;
}
.customize-control-header .current {
margin-bottom: 8px;
} }
.customize-control-header .actions, .customize-control-header .actions,
@ -965,9 +963,9 @@ p.customize-section-description {
.customize-control .attachment-media-view .upload-button, .customize-control .attachment-media-view .upload-button,
.customize-control-header button.new, .customize-control-header button.new,
.customize-control-header button.remove { .customize-control-header button.remove {
white-space: normal; width: auto;
width: 48%;
height: auto; height: auto;
white-space: normal;
} }
.customize-control .attachment-media-view .thumbnail, .customize-control .attachment-media-view .thumbnail,
@ -1013,7 +1011,7 @@ p.customize-section-description {
.customize-control-header .header-view { .customize-control-header .header-view {
position: relative; position: relative;
width: 100%; width: 100%;
margin-bottom: 5px; margin-bottom: 12px;
} }
.customize-control-header .header-view:last-child { .customize-control-header .header-view:last-child {
@ -1137,13 +1135,7 @@ p.customize-section-description {
.customize-control .attachment-media-view .remove-button, .customize-control .attachment-media-view .remove-button,
.customize-control .attachment-media-view .default-button, .customize-control .attachment-media-view .default-button,
.customize-control-header .remove { .customize-control-header .remove {
float: right; margin-left: 8px;
margin-left: 3px;
}
.customize-control .attachment-media-view .upload-button,
.customize-control-header .new {
float: left;
} }
/* Background position control */ /* Background position control */

File diff suppressed because one or more lines are too long

View File

@ -710,7 +710,9 @@ p.customize-section-description {
padding-top: 7px; padding-top: 7px;
} }
.customize-control .thumbnail-image { .customize-control .thumbnail-image,
.customize-control-header .current,
.customize-control .wp-media-wrapper.wp-video {
line-height: 0; line-height: 0;
} }
@ -932,12 +934,8 @@ p.customize-section-description {
/* Media controls */ /* Media controls */
.customize-control .attachment-media-view .actions { .customize-control .actions .button {
margin-top: 8px; margin-top: 12px;
}
.customize-control-header .current {
margin-bottom: 8px;
} }
.customize-control-header .actions, .customize-control-header .actions,
@ -965,9 +963,9 @@ p.customize-section-description {
.customize-control .attachment-media-view .upload-button, .customize-control .attachment-media-view .upload-button,
.customize-control-header button.new, .customize-control-header button.new,
.customize-control-header button.remove { .customize-control-header button.remove {
white-space: normal; width: auto;
width: 48%;
height: auto; height: auto;
white-space: normal;
} }
.customize-control .attachment-media-view .thumbnail, .customize-control .attachment-media-view .thumbnail,
@ -1013,7 +1011,7 @@ p.customize-section-description {
.customize-control-header .header-view { .customize-control-header .header-view {
position: relative; position: relative;
width: 100%; width: 100%;
margin-bottom: 5px; margin-bottom: 12px;
} }
.customize-control-header .header-view:last-child { .customize-control-header .header-view:last-child {
@ -1137,13 +1135,7 @@ p.customize-section-description {
.customize-control .attachment-media-view .remove-button, .customize-control .attachment-media-view .remove-button,
.customize-control .attachment-media-view .default-button, .customize-control .attachment-media-view .default-button,
.customize-control-header .remove { .customize-control-header .remove {
float: left; margin-right: 8px;
margin-right: 3px;
}
.customize-control .attachment-media-view .upload-button,
.customize-control-header .new {
float: right;
} }
/* Background position control */ /* Background position control */

File diff suppressed because one or more lines are too long

View File

@ -68,16 +68,18 @@
.media-widget-buttons { .media-widget-buttons {
text-align: right; text-align: right;
margin-bottom: 10px; margin-top: 0;
} }
.media-widget-control .media-widget-buttons .button { .media-widget-control .media-widget-buttons .button {
margin-right: 8px;
width: auto; width: auto;
height: auto;
margin-top: 12px;
white-space: normal;
} }
.media-widget-control:not(.selected) .media-widget-buttons .button,
.media-widget-buttons .button:first-child { .media-widget-buttons .button:first-child {
margin-right: 0; margin-left: 8px;
} }
.media-widget-control .placeholder { .media-widget-control .placeholder {

File diff suppressed because one or more lines are too long

View File

@ -68,16 +68,18 @@
.media-widget-buttons { .media-widget-buttons {
text-align: left; text-align: left;
margin-bottom: 10px; margin-top: 0;
} }
.media-widget-control .media-widget-buttons .button { .media-widget-control .media-widget-buttons .button {
margin-left: 8px;
width: auto; width: auto;
height: auto;
margin-top: 12px;
white-space: normal;
} }
.media-widget-control:not(.selected) .media-widget-buttons .button,
.media-widget-buttons .button:first-child { .media-widget-buttons .button:first-child {
margin-left: 0; margin-right: 8px;
} }
.media-widget-control .placeholder { .media-widget-control .placeholder {

File diff suppressed because one or more lines are too long

View File

@ -4,7 +4,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '4.8-alpha-40652'; $wp_version = '4.8-alpha-40653';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.