WordPress.org
Get WordPress

Make WordPress Core

Changeset 62089


Ignore:
Timestamp:
03/22/2026 11:04:10 PM (4 days ago)
Author:
joedolson
Message:

Administration: Fix radio button selection alignment.

Fix issue where the selected state dot on radio buttons was not centered when scaling is set to a value greater than 100%. Remove the .tog class and styles, unused since [26072].

Props presskopp, siliconforks, suhan2411, sabernhardt, shailu25, joedolson.
Fixes #64816.

Location:
trunk/src/wp-admin
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-admin/css/forms.css

    r62057 r62089  
    172172
    173173input[type="radio"] {
     174    display: inline-flex;
    174175    border-radius: 50%;
    175176    margin-right: 0.25rem;
    176     /* 10px not sure if still necessary, comes from the MP6 redesign in r26072 */
    177     line-height: 0.71428571;
     177    align-items: center;
     178    justify-content: center;
    178179}
    179180
    … …  
    212213    width: 0.5rem; /* 8px */
    213214    height: 0.5rem; /* 8px */
    214     margin: 0.1875rem; /* 3px */
     215    margin: auto;
    215216    background-color: #fff;
    216     /* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */
    217     line-height: 1.14285714;
     217    /* Only visible in Windows High Contrast mode */
     218    outline: 4px solid transparent;
    218219}
    219220
    … …  
    958959}
    959960
    960 .form-table input.tog,
    961 .form-table input[type="radio"] {
    962     margin-top: -4px;
    963     margin-right: 4px;
    964     float: none;
    965 }
    966 
    967961.form-table .pre {
    968962    padding: 8px;

  • trunk/src/wp-admin/includes/misc.php

    r62088 r62089  
    10351035            ?>
    10361036            <div class="color-option <?php echo ( $color === $current_color ) ? 'selected' : ''; ?>">
    1037                 <input name="admin_color" id="admin_color_<?php echo esc_attr( $color ); ?>" type="radio" value="<?php echo esc_attr( $color ); ?>" class="tog" <?php checked( $color, $current_color ); ?> />
     1037                <input name="admin_color" id="admin_color_<?php echo esc_attr( $color ); ?>" type="radio" value="<?php echo esc_attr( $color ); ?>" <?php checked( $color, $current_color ); ?> />
    10381038                <input type="hidden" class="css_url" value="<?php echo esc_url( $color_info->url ); ?>" />
    10391039                <input type="hidden" class="icon_colors" value="<?php echo esc_attr( wp_json_encode( array( 'icons' => $color_info->icon_colors ) ) ); ?>" />

  • trunk/src/wp-admin/options-reading.php

    r61498 r62089  
    9191    <legend class="screen-reader-text"><span><?php echo $your_homepage_displays_title; ?></span></legend>
    9292    <p><label>
    93         <input name="show_on_front" type="radio" value="posts" class="tog" <?php checked( 'posts', get_option( 'show_on_front' ) ); ?> />
     93        <input name="show_on_front" type="radio" value="posts" <?php checked( 'posts', get_option( 'show_on_front' ) ); ?> />
    9494        <?php _e( 'Your latest posts' ); ?>
    9595    </label>
    9696    </p>
    9797    <p><label>
    98         <input name="show_on_front" type="radio" value="page" class="tog" <?php checked( 'page', get_option( 'show_on_front' ) ); ?> />
     98        <input name="show_on_front" type="radio" value="page" <?php checked( 'page', get_option( 'show_on_front' ) ); ?> />
    9999        <?php
    100100        printf(
Note: See TracChangeset for help on using the changeset viewer.