WordPress.org

Make WordPress Core

Ticket #20828: 20828.7.diff

File 20828.7.diff, 5.3 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.control-section.customize-section:hover,
     16.control-section.customize-section.open {
     17        border-top-color: #808080;
     18}
     19
     20.control-section.customize-section:hover {
     21        border-bottom-color: #6d6d6d;
     22}
     23
     24.customize-section.open:hover {
     25        border-bottom-color: #dfdfdf;
     26}
     27
    1528.customize-section:last-child {
    1629        box-shadow: 0 1px 0 0px #fff;
    1730}
     
    5366        background-image:         linear-gradient( top, #f5f5f5, #eee );
    5467}
    5568
    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 );
     69.control-section:hover .customize-section-title,
     70.control-section .customize-section-title:hover,
     71.control-section.open .customize-section-title {
     72        color: #fff;
     73        text-shadow: 0 -1px 0 #333;
     74        background-color: #808080;
     75        background-image: -webkit-linear-gradient( top, #808080, #6d6d6d );
     76        background-image:    -moz-linear-gradient( top, #808080, #6d6d6d );
     77        background-image:     -ms-linear-gradient( top, #808080, #6d6d6d );
     78        background-image:      -o-linear-gradient( top, #808080, #6d6d6d );
     79        background-image:         linear-gradient( top, #808080, #6d6d6d );
    6480}
    6581
    6682.control-section.open .customize-section-title {
    67         border-bottom: 1px solid #e5e5e5;
     83        border-bottom: 1px solid #6d6d6d;
    6884}
    6985
    70 .control-section.open .customize-section-title:hover {
    71         border-bottom: 1px solid #dfdfdf;
    72 }
    73 
    7486.customize-section.open .customize-section-content {
    7587        display: block;
    76         background: #fff;
     88        background: #fdfdfd;
    7789}
    7890
    7991.customize-section-title:after {
     
    97109        border-color: #aaa transparent;
    98110}
    99111
     112.control-section .customize-section-title:hover:after {
     113        border-color: #eee transparent;
     114}
     115
    100116.control-section .customize-section-title:after {
    101117        top: 15px;
    102118}
     
    293309.customize-control .dropdown-status {
    294310        display: none;
    295311        max-width: 112px;
    296         color: #999;
     312        color: #777;
    297313}
    298314
    299315/*
     
    412428        padding-bottom: 4px;
    413429
    414430        color: #777;
    415         background: #fff;
     431        background: #fdfdfd;
    416432        border-color: #dfdfdf;
    417433        -webkit-border-radius: 3px 3px 0 0;
    418434        border-radius: 3px 3px 0 0 ;