WordPress.org

Make WordPress Core

Changeset 40653


Ignore:
Timestamp:
05/12/2017 05:50:00 PM (4 years ago)
Author:
afercia
Message:

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.

Location:
trunk/src/wp-admin/css
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-admin/css/customize-controls.css

    r40567 r40653  
    711711}
    712712
    713 .customize-control .thumbnail-image {
     713.customize-control .thumbnail-image,
     714.customize-control-header .current,
     715.customize-control .wp-media-wrapper.wp-video {
    714716    line-height: 0;
    715717}
    … …  
    933935/* Media controls */
    934936
    935 .customize-control .attachment-media-view .actions {
    936     margin-top: 8px;
    937 }
    938 
    939 .customize-control-header .current {
    940     margin-bottom: 8px;
     937.customize-control .actions .button {
     938    margin-top: 12px;
    941939}
    942940
    … …  
    966964.customize-control-header button.new,
    967965.customize-control-header button.remove {
     966    width: auto;
     967    height: auto;
    968968    white-space: normal;
    969     width: 48%;
    970     height: auto;
    971969}
    972970
    … …  
    10141012    position: relative;
    10151013    width: 100%;
    1016     margin-bottom: 5px;
     1014    margin-bottom: 12px;
    10171015}
    10181016
    … …  
    11381136.customize-control .attachment-media-view .default-button,
    11391137.customize-control-header .remove {
    1140     float: left;
    1141     margin-right: 3px;
    1142 }
    1143 
    1144 .customize-control .attachment-media-view .upload-button,
    1145 .customize-control-header .new {
    1146     float: right;
     1138    margin-right: 8px;
    11471139}
    11481140

  • trunk/src/wp-admin/css/widgets.css

    r40647 r40653  
    6969.media-widget-buttons {
    7070    text-align: left;
    71     margin-bottom: 10px;
     71    margin-top: 0;
    7272}
    7373
    7474.media-widget-control .media-widget-buttons .button {
    75     margin-left: 8px;
    7675    width: auto;
    77 }
    78 .media-widget-control:not(.selected) .media-widget-buttons .button,
     76    height: auto;
     77    margin-top: 12px;
     78    white-space: normal;
     79}
     80
    7981.media-widget-buttons .button:first-child {
    80     margin-left: 0;
     82    margin-right: 8px;
    8183}
    8284
Note: See TracChangeset for help on using the changeset viewer.