WordPress.org

Make WordPress Core

Ticket #49228: 49228.5.diff

File 49228.5.diff, 866 bytes (added by sabernhardt, 17 months ago)

another option: targeting only the labels immediately after checkboxes and radio buttons, only on smaller screens

  • src/wp-admin/css/widgets.css

     
    4848        line-height: 1.23076923;
    4949}
    5050
    51 .widgets-holder-wrap .widget-inside label {
    52         margin: 0.25em 0 0.5em;
    53         display: inline-block;
    54 }
    55 
    5651.widget.widget-dirty .widget-control-close-wrapper {
    5752        display: none;
    5853}
     
    796791/* =Media Queries
    797792-------------------------------------------------------------- */
    798793
     794@media screen and (max-width: 782px) {
     795        .widgets-holder-wrap .widget-inside input[type="checkbox"] + label,
     796        .widgets-holder-wrap .widget-inside input[type="radio"] + label {
     797                margin: 0.25em 0 0.5em;
     798                display: inline-block;
     799        }
     800}
     801
    799802@media screen and (max-width: 480px) {
    800803        div.widget-liquid-left {
    801804                width: 100%;