WordPress.org
Get WordPress

Make WordPress Core

Ticket #28655: 28655.3.diff

File 28655.3.diff, 9.2 KB (added by celloexpressions, 12 years ago)

Smaller theme-install previewer icons.

  • src/wp-admin/css/colors/_admin.scss

     
    453453        color: $menu-highlight-text;
    454454}
    455455
     456.theme-install-overlay .close-full-overlay:hover,
     457.theme-install-overlay .close-full-overlay:focus,
     458.theme-install-overlay .previous-theme:hover,
     459.theme-install-overlay .previous-theme:focus,
     460.theme-install-overlay .next-theme:hover,
     461.theme-install-overlay .next-theme:focus {
     462        background-color: $menu-highlight-background;
     463        color: $menu-highlight-text;
     464}
     465
    456466/* Widgets */
    457467
    458468.widgets-chooser li.widgets-chooser-selected {
    … …  
    472482        color: $menu-highlight-text;
    473483}
    474484
     485.customize-controls-close:focus,
     486.customize-controls-close:hover,
    475487.control-panel-back:focus,
    476488.control-panel-back:hover {
    477489        background-color: $menu-highlight-background;

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

     
    170170        width: 100%;
    171171}
    172172
     173.customize-controls-close {
     174        display: block;
     175        position: absolute;
     176        top: 0;
     177        left: 0;
     178        width: 45px;
     179        height: 45px;
     180        padding-right: 2px;
     181        background: #eee;
     182        border-right: 1px solid #ddd;
     183        color: #444;
     184        cursor: pointer;
     185        -webkit-transition: color ease-in .1s;
     186        transition: color ease-in .1s;
     187}
     188
    173189.control-panel-back {
    174190        display: block;
    175191        position: fixed;
    … …  
    190206        display: none;
    191207}
    192208
     209.customize-controls-close:focus,
     210.customize-controls-close:hover,
    193211.control-panel-back:focus,
    194212.control-panel-back:hover {
    195213        background-color: #0074a2;
    … …  
    197215        outline: none;
    198216}
    199217
     218.customize-controls-close:before {
     219        font: normal 32px/1 dashicons;
     220        content: "\f335";
     221        position: relative;
     222        top: 8px;
     223        left: 8px;
     224}
     225
    200226.control-panel-back:before {
    201227        font: normal 29px/1 dashicons;
    202228        content: "\f340";
    … …  
    217243        height: 22px;
    218244}
    219245
    220 #customize-header-actions a.back {
    221         position: relative;
    222         left: 0;
    223         -webkit-transition: left ease-in-out .18s;
    224         transition: left ease-in-out .18s;
    225 }
    226 
    227 .in-sub-panel #customize-header-actions a.back {
    228         left: -120px;
    229 }
    230 
    231246.wp-full-overlay-sidebar .wp-full-overlay-header {
    232247        -webkit-transition: padding ease-in-out .18s;
    233248        transition: padding ease-in-out .18s;

  • src/wp-admin/css/themes.css

     
    16171617        overflow: auto;
    16181618}
    16191619
    1620 /* Close Link */
    1621 .wp-full-overlay .close-full-overlay {
     1620/* Close & Navigation Links */
     1621.theme-install-overlay .wp-full-overlay-sidebar .wp-full-overlay-header {
     1622        padding: 0;
     1623}
     1624
     1625.theme-install-overlay .close-full-overlay,
     1626.theme-install-overlay .previous-theme,
     1627.theme-install-overlay .next-theme {
     1628        display: block;
     1629        position: relative;
     1630        float: left;
     1631        width: 45px;
     1632        height: 45px;
     1633        padding-right: 2px;
     1634        background: #eee;
     1635        border-right: 1px solid #ddd;
     1636        color: #444;
     1637        cursor: pointer;
    16221638        text-decoration: none;
     1639        -webkit-transition: color ease-in .1s;
     1640        transition: color ease-in .1s;
    16231641}
    16241642
     1643.theme-install-overlay .close-full-overlay:hover,
     1644.theme-install-overlay .close-full-overlay:focus,
     1645.theme-install-overlay .previous-theme:hover,
     1646.theme-install-overlay .previous-theme:focus,
     1647.theme-install-overlay .next-theme:hover,
     1648.theme-install-overlay .next-theme:focus {
     1649        background-color: #0074a2;
     1650        color: #fff;
     1651        outline: none;
     1652        -webkit-box-shadow: none;
     1653        box-shadow: none;
     1654}
     1655
     1656.theme-install-overlay .close-full-overlay:before {
     1657        font: normal 30px/1 dashicons;
     1658        content: "\f335";
     1659        position: relative;
     1660        top: 9px;
     1661        left: 9px;
     1662}
     1663
     1664.theme-install-overlay .previous-theme:before {
     1665        font: normal 20px/1 dashicons;
     1666        content: "\f340";
     1667        position: relative;
     1668        top: 6px;
     1669        left: 14px;
     1670}
     1671
     1672.theme-install-overlay .next-theme:before {
     1673        font: normal 20px/1 dashicons;
     1674        content: "\f344";
     1675        position: relative;
     1676        top: 6px;
     1677        left: 13px;
     1678}
     1679
     1680.theme-install-overlay .previous-theme.disabled,
     1681.theme-install-overlay .next-theme.disabled,
     1682.theme-install-overlay .previous-theme.disabled:hover,
     1683.theme-install-overlay .previous-theme.disabled:focus,
     1684.theme-install-overlay .next-theme.disabled:hover,
     1685.theme-install-overlay .next-theme.disabled:focus {
     1686        color: #bbb;
     1687        background: #eee;
     1688        cursor: default;
     1689}
     1690
     1691.rtl .theme-install-overlay .previous-theme:before {
     1692        content: "\f344";
     1693}
     1694
     1695.rtl .theme-install-overlay .next-theme:before {
     1696        content: "\f340";
     1697}
     1698
    16251699/* Collapse Button */
    16261700.wp-full-overlay a.collapse-sidebar {
    16271701        position: absolute;
    … …  
    17041778        display: none;
    17051779}
    17061780
    1707 .wp-full-overlay .theme-navigation {
    1708         padding: 10px 20px;
    1709         position: absolute;
    1710                 bottom: 10px;
    1711         text-align: left;
    1712 }
    1713 .wp-full-overlay .theme-navigation .next-theme {
    1714         float: right;
    1715 }
    1716 .wp-full-overlay.no-navigation .theme-navigation {
    1717         display: none;
    1718 }
    1719 
    17201781/* Animations */
    17211782.wp-full-overlay,
    17221783.wp-full-overlay-sidebar,
    … …  
    18451906        max-width: 100%;
    18461907}
    18471908
    1848 .theme-install-overlay .wp-full-overlay-header {
    1849         margin-top: 9px;
    1850 }
    1851 
    18521909.theme-install-overlay .wp-full-overlay-header .theme-install {
    18531910        float: right;
     1911        margin: 8px 10px 0 0;
    18541912        /* For when .theme-install is a span rather than a.button-primary (already installed theme) */
    18551913        line-height: 26px;
    18561914}
    18571915
    18581916.theme-install-overlay .wp-full-overlay-sidebar {
    1859         background: #EEE;
    1860         border-right: 1px solid #DDD;
     1917        background: #eee;
     1918        border-right: 1px solid #ddd;
    18611919}
    18621920
     1921.theme-install-overlay .wp-full-overlay-sidebar-content {
     1922        background: #fff;
     1923        border-top: 1px solid #ddd;
     1924        border-bottom: 1px solid #ddd;
     1925}
     1926
    18631927.theme-install-overlay .wp-full-overlay-main {
    18641928        background: #fff url(../images/spinner.gif) no-repeat center center;
    18651929        -webkit-background-size: 20px 20px;

  • src/wp-admin/customize.php

     
    108108                                submit_button( $save_text, 'primary save', 'save', false );
    109109                        ?>
    110110                        <span class="spinner"></span>
    111                         <a class="back button" href="<?php echo esc_url( $return ? $return : admin_url( 'themes.php' ) ); ?>">
    112                                 <?php _e( 'Cancel' ); ?>
     111                        <a class="customize-controls-close" href="<?php echo esc_url( $return ? $return : admin_url( 'themes.php' ) ); ?>">
     112                                <span class="screen-reader-text"><?php _e( 'Cancel' ); ?></span>
    113113                        </a>
    114114                </div>
    115115

  • src/wp-admin/js/customize-controls.js

     
    10411041
    10421042                        state.bind( 'change', function() {
    10431043                                var save = $('#save'),
    1044                                         back = $('.back');
     1044                                        close = $('.customize-controls-close .screen-reader-text');
    10451045
    10461046                                if ( ! activated() ) {
    10471047                                        save.val( api.l10n.activate ).prop( 'disabled', false );
    1048                                         back.text( api.l10n.cancel );
     1048                                        close.text( api.l10n.cancel );
    10491049
    10501050                                } else if ( saved() ) {
    10511051                                        save.val( api.l10n.saved ).prop( 'disabled', true );
    1052                                         back.text( api.l10n.close );
     1052                                        close.text( api.l10n.close );
    10531053
    10541054                                } else {
    10551055                                        save.val( api.l10n.save ).prop( 'disabled', false );
    1056                                         back.text( api.l10n.cancel );
     1056                                        close.text( api.l10n.cancel );
    10571057                                }
    10581058                        });
    10591059

  • src/wp-admin/js/theme.js

     
    767767
    768768                this.$el.fadeIn( 200, function() {
    769769                        $( 'body' ).addClass( 'theme-installer-active full-overlay-active' );
    770                         $( '.close-full-overlay' ).focus();
     770                        $( '.theme-install' ).focus();
    771771                });
    772772        },
    773773

  • src/wp-admin/theme-install.php

     
    209209<script id="tmpl-theme-preview" type="text/template">
    210210        <div class="wp-full-overlay-sidebar">
    211211                <div class="wp-full-overlay-header">
    212                         <a href="#" class="close-full-overlay button-secondary"><?php _e( 'Close' ); ?></a>
     212                        <a href="#" class="close-full-overlay"><span class="screen-reader-text"><?php _e( 'Close' ); ?></span></a>
     213                        <a href="#" class="previous-theme"><span class="screen-reader-text"><?php _ex( 'Previous', 'Button label for a theme' ); ?></span></a>
     214                        <a href="#" class="next-theme"><span class="screen-reader-text"><?php _ex( 'Next', 'Button label for a theme' ); ?></span></a>
    213215                <# if ( data.installed ) { #>
    214216                        <a href="#" class="button button-primary theme-install disabled"><?php _ex( 'Installed', 'theme' ); ?></a>
    215217                <# } else { #>
    … …  
    246248                                <span class="collapse-sidebar-label"><?php _e( 'Collapse' ); ?></span>
    247249                                <span class="collapse-sidebar-arrow"></span>
    248250                        </a>
    249                         <div class="theme-navigation">
    250                                 <a class="previous-theme button" href="#"><?php _ex( 'Previous', 'Button label for a theme' ); ?></a>
    251                                 <a class="next-theme button" href="#"><?php _ex( 'Next', 'Button label for a theme' ); ?></a>
    252                         </div>
    253251                </div>
    254252        </div>
    255253        <div class="wp-full-overlay-main">