WordPress.org

Make WordPress Core

Changeset 40569


Ignore:
Timestamp:
05/03/17 22:38:26 (9 months ago)
Author:
afercia
Message:

Customize: Fix a visual glitch on the widget control animation introduced in [40480].

Also, restores the original design intent that was meant to "compact widget-tops
on smaller laptops, but not tablets".

See #27112.
Fixes #31476.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/customize-widgets.css

    r40480 r40569  
    1919} 
    2020 
     21/* Note: widget-tops are more compact when (max-height: 700px) and (min-width: 981px). */ 
    2122.customize-control-widget_form .widget-top { 
    2223    background: #fff; 
     
    424425 
    425426@media screen and (max-height: 700px) and (min-width: 981px) { 
    426     .customize-control-widget { 
     427    /* Compact widget-tops on smaller laptops, but not tablets. See ticket #27112#comment:4 */ 
     428    .customize-control-widget_form { 
    427429        margin-bottom: 0; 
    428430    } 
     431 
    429432    .widget-top { 
    430433        -webkit-box-shadow: none; 
     
    432435        margin-top: -1px; 
    433436    } 
     437 
    434438    .widget-top:hover { 
    435439        position: relative; 
    436440        z-index: 1; 
    437441    } 
     442 
    438443    .last-widget { 
    439444        margin-bottom: 15px; 
    440445    } 
    441     /* This rule reduces the widgets titles height. */ 
     446 
    442447    .widget-title h3 { 
    443448        padding: 13px 15px; 
    444449    } 
     450 
    445451    .widget-top .widget-action { 
    446         padding-bottom: 8px; 
    447     } 
     452        padding: 8px 10px; 
     453    } 
     454 
    448455    .widget-reorder-nav span { 
    449456        height: 39px; 
    450457    } 
     458 
    451459    .widget-reorder-nav span:before { 
    452460        line-height: 39px; 
    453461    } 
     462 
     463    /* Compact the move widget areas. */ 
    454464    #customize-theme-controls .widget-area-select li { 
    455465        padding: 9px 15px 11px 42px; 
    456466    } 
     467 
    457468    #customize-theme-controls .widget-area-select li:before { 
    458469        top: 8px; 
Note: See TracChangeset for help on using the changeset viewer.