Make WordPress Core

Changeset 40569


Ignore:
Timestamp:
05/03/2017 10:38:26 PM (8 years 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.