WordPress.org

Make WordPress Core

Changeset 20991


Ignore:
Timestamp:
06/04/2012 05:02:56 PM (6 years ago)
Author:
ryan
Message:

Customizer UI tweaks.

  • Don't flip arrow when for open section.
  • Give the open section a white background.
  • Provide a darker hover state for section headers.

Props helenyhou, SergeyBiryukov
fixes #20828

File:
1 edited

Legend:

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

    r20960 r20991  
    5656.control-section .customize-section-title:hover {
    5757    color: #222;
    58     background-color: #f9f9f9;
    59     background-image: -webkit-linear-gradient( top, #f9f9f9, #f1f1f1 );
    60     background-image:    -moz-linear-gradient( top, #f9f9f9, #f1f1f1 );
    61     background-image:     -ms-linear-gradient( top, #f9f9f9, #f1f1f1 );
    62     background-image:      -o-linear-gradient( top, #f9f9f9, #f1f1f1 );
    63     background-image:         linear-gradient( top, #f9f9f9, #f1f1f1 );
     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 );
    6464}
    6565
     
    7474.customize-section.open .customize-section-content {
    7575    display: block;
     76    background: #fff;
    7677}
    7778
     
    9394}
    9495
    95 .customize-section.open .customize-section-title:after {
    96     margin-top: -1px;
    97     border-width: 0 6px 6px;
    98 }
    99 
    10096.customize-section-title:hover:after {
    10197    border-color: #aaa transparent;
     
    104100.control-section .customize-section-title:after {
    105101    top: 15px;
     102}
     103
     104#customize-info .customize-section-content {
     105    background: transparent;
    106106}
    107107
     
    418418
    419419    color: #777;
    420     background: #f5f5f5;
     420    background: #fff;
    421421    border-color: #dfdfdf;
    422422    -webkit-border-radius: 3px 3px 0 0;
Note: See TracChangeset for help on using the changeset viewer.