WordPress.org

Make WordPress Core

Changeset 21006


Ignore:
Timestamp:
06/05/2012 08:57:02 PM (6 years ago)
Author:
nacin
Message:

Darken the hover/on states for the customizer section titles. Switch Collapse arrow and label. Improve text contrast. props helenyhou. fixes #20828.

Location:
trunk/wp-admin
Files:
4 edited

Legend:

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

    r20997 r21006  
    1111    border-bottom: 1px solid #dfdfdf;
    1212    margin: 0;
     13}
     14
     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;
    1326}
    1427
     
    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 );
    64 }
    65 
     69.control-section:hover .customize-section-title,
     70.control-section .customize-section-title:hover,
    6671.control-section.open .customize-section-title {
    67     border-bottom: 1px solid #e5e5e5;
    68 }
    69 
    70 .control-section.open .customize-section-title:hover {
    71     border-bottom: 1px solid #dfdfdf;
     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 );
     80}
     81
     82.control-section.open .customize-section-title {
     83    border-bottom: 1px solid #6d6d6d;
    7284}
    7385
    7486.customize-section.open .customize-section-content {
    7587    display: block;
    76     background: #fff;
     88    background: #fdfdfd;
    7789}
    7890
     
    96108.customize-section-title:hover:after {
    97109    border-color: #aaa transparent;
     110}
     111
     112.control-section .customize-section-title:hover:after {
     113    border-color: #eee transparent;
    98114}
    99115
     
    294310    display: none;
    295311    max-width: 112px;
    296     color: #999;
     312    color: #777;
    297313}
    298314
     
    413429
    414430    color: #777;
    415     background: #fff;
     431    background: #fdfdfd;
    416432    border-color: #dfdfdf;
    417433    -webkit-border-radius: 3px 3px 0 0;
  • trunk/wp-admin/css/wp-admin-rtl.dev.css

    r20999 r21006  
    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}
     
    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
  • trunk/wp-admin/css/wp-admin.dev.css

    r20999 r21006  
    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%;
     
    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;
     
    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
     
    53965397
    53975398.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-label {
    5398     color: #999;
     5399    color: #666;
    53995400}
    54005401
  • trunk/wp-admin/customize.php

    r20955 r21006  
    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>
Note: See TracChangeset for help on using the changeset viewer.