WordPress.org

Make WordPress Core

Changeset 35643


Ignore:
Timestamp:
11/16/2015 04:43:16 AM (6 years ago)
Author:
westonruter
Message:

Customize: Ensure multi-line label alignment for checkbox/radio inputs on both desktop and mobile.

Follow-up to [35608].

Props bordoni, delawski.
Fixes #34607.

File:
1 edited

Legend:

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

    r35636 r35643  
    539539}
    540540
     541.customize-control-radio label,
    541542.customize-control-checkbox label,
    542543.customize-control-nav_menu_auto_add label {
     
    544545    display: block;
    545546    margin-left: 24px;
    546     padding-top: 4px;
    547     padding-bottom: 4px;
    548 }
    549 
     547    padding-top: 6px;
     548    padding-bottom: 6px;
     549}
     550
     551.customize-control-radio input,
    550552.customize-control-checkbox input,
    551553.customize-control-nav_menu_auto_add input {
     
    565567.customize-control-radio .customize-control-title + .customize-control-description {
    566568    margin-top: 7px;
    567 }
    568 
    569 .customize-control-radio label {
    570     line-height: 32px;
    571 }
    572 
    573 .customize-control-radio input {
    574     margin-right: 5px;
    575569}
    576570
     
    13231317}
    13241318
    1325 @media only screen and (max-width: 780px) {
     1319@media only screen and (max-width: 782px) {
    13261320    .wp-customizer .theme:not(.active):hover .theme-actions,
    13271321    .wp-customizer .theme:not(.active):focus .theme-actions {
     
    13311325    .wp-customizer .theme-browser .theme.active .theme-name span {
    13321326        display: inline;
     1327    }
     1328
     1329    .customize-control-radio label,
     1330    .customize-control-checkbox label,
     1331    .customize-control-nav_menu_auto_add label {
     1332        margin-left: 32px;
     1333    }
     1334
     1335    .customize-control-radio input,
     1336    .customize-control-checkbox input,
     1337    .customize-control-nav_menu_auto_add input {
     1338        margin-left: -32px;
     1339    }
     1340
     1341    .customize-control input[type="radio"] + label,
     1342    .customize-control input[type="checkbox"] + label {
     1343        line-height: 32px;
    13331344    }
    13341345}
Note: See TracChangeset for help on using the changeset viewer.