WordPress.org

Make WordPress Core

Changeset 36907


Ignore:
Timestamp:
03/09/2016 09:18:53 PM (4 years ago)
Author:
obenland
Message:

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.

Location:
trunk/src
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/customize-controls.css

    r36904 r36907  
    957957.customize-control-background img,
    958958.customize-control-cropped_image img,
    959 .customize-control-site_icon img,
    960959.customize-control-header img {
    961960    width: 100%;
  • trunk/src/wp-admin/css/site-icon.css

    r33332 r36907  
    2525.site-icon-preview .browser-title {
    2626    left: 109px;
     27    width: 72px;
     28    white-space: nowrap;
    2729}
    2830
     
    3638    margin-top: 5px;
    3739}
     40
     41.customize-control-site_icon .favicon-preview {
     42    float: left;
     43    margin-right: 12px;
     44    margin-bottom: 0;
     45}
     46
     47.customize-control-site_icon .app-icon-preview {
     48    margin-top: 9px;
     49}
  • trunk/src/wp-includes/customize/class-wp-customize-site-icon-control.php

    r36698 r36907  
    6262        <div class="current">
    6363            <div class="container">
    64                 <div class="attachment-media-view attachment-media-view-{{ data.attachment.type }} {{ data.attachment.orientation }} site-icon-preview">
    65                     <strong><?php _e( 'As a browser icon' ); ?></strong>
     64                <div class="site-icon-preview">
    6665                    <div class="favicon-preview">
    67                         <img src="images/browser.png" class="browser-preview" width="182" height="" alt="" />
     66                        <img src="images/browser.png" class="browser-preview" width="182" alt="<?php esc_attr_e( 'Browser interface preview' ); ?>" />
    6867
    6968                        <div class="favicon">
     
    7271                        <span class="browser-title"><?php bloginfo( 'name' ); ?></span>
    7372                    </div>
    74 
    75                     <strong><?php _e( 'As an app icon' ); ?></strong>
    76                     <p class="app-icon-preview">
    77                         <img id="preview-app-icon" src="{{ data.attachment.sizes.full.url }}" alt="<?php esc_attr_e( 'Preview as an app icon' ); ?>"/>
    78                     </p>
     73                    <img class="app-icon-preview" src="{{ data.attachment.sizes.full.url }}" alt="<?php esc_attr_e( 'Preview as an app icon' ); ?>"/>
    7974                </div>
    8075            </div>
Note: See TracChangeset for help on using the changeset viewer.