WordPress.org

Make WordPress Core

Ticket #20828: 20828.6.diff

File 20828.6.diff, 5.1 KB (added by helenyhou, 6 years ago)
  • wp-admin/customize.php

     
    9696
    9797                <div id="customize-footer-actions" class="wp-full-overlay-footer">
    9898                        <a href="#" class="collapse-sidebar button-secondary" title="<?php esc_attr_e('Collapse Sidebar'); ?>">
     99                                <span class="collapse-sidebar-arrow"></span>
    99100                                <span class="collapse-sidebar-label"><?php _e('Collapse'); ?></span>
    100                                 <span class="collapse-sidebar-arrow"></span>
    101101                        </a>
    102102                </div>
    103103        </form>
  • wp-admin/css/wp-admin-rtl.dev.css

     
    15911591
    15921592/* Collapse Button */
    15931593.wp-full-overlay .collapse-sidebar {
    1594         right: auto;
    1595         left: 15px;
     1594        right: 0;
     1595        left: auto;
     1596        margin-right: 15px;
    15961597}
    15971598
    15981599.wp-full-overlay.collapsed .collapse-sidebar {
    1599         right: auto;
    1600         left: -45px;
     1600        right: 100%;
    16011601}
    16021602
    16031603.wp-full-overlay .collapse-sidebar-arrow {
    1604         margin-left: 0;
    16051604        margin-right: 2px;
     1605        margin-left: 0;
    16061606        background: transparent url('../../wp-admin/images/arrows.png') no-repeat 0 -108px;
    16071607}
    16081608
     
    16111611}
    16121612
    16131613.wp-full-overlay .collapse-sidebar-label {
    1614         text-align: left;
    1615         right: auto;
    1616         left: 100%;
    1617         margin-right: 0;
    1618         margin-left: 10px;
     1614        right: 100%;
     1615        left: auto;
     1616        margin-right: 10px;
     1617        margin-left: 0;
    16191618}
    16201619
    16211620/*------------------------------------------------------------------------------
  • wp-admin/css/wp-admin.dev.css

     
    53535353.wp-full-overlay .collapse-sidebar {
    53545354        position: absolute;
    53555355        bottom: 12px;
    5356         right: 15px;
     5356        left: 0;
    53575357        z-index: 50;
    53585358        display: block;
    53595359        width: 19px;
    53605360        height: 19px;
     5361        margin-left: 15px;
    53615362        padding: 0;
    53625363        border-radius: 50%;
    53635364        text-decoration: none;
     
    53655366
    53665367.wp-full-overlay.collapsed .collapse-sidebar {
    53675368        position: absolute;
    5368         right: -35px;
     5369        left: 100%;
    53695370}
    53705371
    53715372.wp-full-overlay .collapse-sidebar-arrow {
     5373        position: absolute;
    53725374        margin-top: 2px;
    53735375        margin-left: 2px;
    53745376        display: block;
     
    53825384}
    53835385
    53845386.wp-full-overlay .collapse-sidebar-label {
    5385         text-align: right;
    53865387        position: absolute;
    5387         right: 100%;
    5388         color: #aaa;
     5388        left: 100%;
     5389        color: #808080;
    53895390        line-height: 20px;
    5390         margin-right: 10px;
     5391        margin-left: 10px;
    53915392}
    53925393
    53935394.wp-full-overlay.collapsed .collapse-sidebar-label {
     
    53955396}
    53965397
    53975398.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-label {
    5398         color: #999;
     5399        color: #666;
    53995400}
    54005401
    54015402/* Animations */
  • wp-admin/css/customize-controls.dev.css

     
    1212        margin: 0;
    1313}
    1414
     15.customize-section:hover,
     16.customize-section.open {
     17        border-top-color: #808080;
     18}
     19
     20.customize-section:hover {
     21        border-bottom-color: #6d6d6d;
     22}
     23
     24/* Sometimes the bottom border doesn't need to be darker on hover */
     25.customize-section.open:hover,
     26#customize-info:hover {
     27        border-bottom-color: #dfdfdf;
     28}
     29
    1530.customize-section:last-child {
    1631        box-shadow: 0 1px 0 0px #fff;
    1732}
     
    5368        background-image:         linear-gradient( top, #f5f5f5, #eee );
    5469}
    5570
    56 .control-section .customize-section-title:hover {
    57         color: #222;
    58         background-color: #e6e6e6;
    59         background-image: -webkit-linear-gradient( top, #e9e9e9, #e4e4e4 );
    60         background-image:    -moz-linear-gradient( top, #e9e9e9, #e4e4e4 );
    61         background-image:     -ms-linear-gradient( top, #e9e9e9, #e4e4e4 );
    62         background-image:      -o-linear-gradient( top, #e9e9e9, #e4e4e4 );
    63         background-image:         linear-gradient( top, #e9e9e9, #e4e4e4 );
     71.control-section:hover .customize-section-title,
     72.control-section .customize-section-title:hover,
     73.control-section.open .customize-section-title {
     74        color: #fff;
     75        text-shadow: 0 -1px 0 #333;
     76        background-color: #808080;
     77        background-image: -webkit-linear-gradient( top, #808080, #6d6d6d );
     78        background-image:    -moz-linear-gradient( top, #808080, #6d6d6d );
     79        background-image:     -ms-linear-gradient( top, #808080, #6d6d6d );
     80        background-image:      -o-linear-gradient( top, #808080, #6d6d6d );
     81        background-image:         linear-gradient( top, #808080, #6d6d6d );
    6482}
    6583
    6684.control-section.open .customize-section-title {
    67         border-bottom: 1px solid #e5e5e5;
     85        border-bottom: 1px solid #6d6d6d;
    6886}
    6987
    70 .control-section.open .customize-section-title:hover {
    71         border-bottom: 1px solid #dfdfdf;
    72 }
    73 
    7488.customize-section.open .customize-section-content {
    7589        display: block;
    76         background: #fff;
     90        background: #fdfdfd;
    7791}
    7892
    7993.customize-section-title:after {
     
    293307.customize-control .dropdown-status {
    294308        display: none;
    295309        max-width: 112px;
    296         color: #999;
     310        color: #777;
    297311}
    298312
    299313/*
     
    412426        padding-bottom: 4px;
    413427
    414428        color: #777;
    415         background: #fff;
     429        background: #fdfdfd;
    416430        border-color: #dfdfdf;
    417431        -webkit-border-radius: 3px 3px 0 0;
    418432        border-radius: 3px 3px 0 0 ;