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.
Built from https://develop.svn.wordpress.org/trunk@62089


git-svn-id: http://core.svn.wordpress.org/trunk@61371 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
joedolson
2026-03-22 23:06:55 +00:00
parent 12390698ca
commit b70b0c7063
7 changed files with 18 additions and 30 deletions

View File

@@ -172,10 +172,11 @@ td > input[type="checkbox"],
}
input[type="radio"] {
display: inline-flex;
border-radius: 50%;
margin-left: 0.25rem;
/* 10px not sure if still necessary, comes from the MP6 redesign in r26072 */
line-height: 0.71428571;
align-items: center;
justify-content: center;
}
input[type="checkbox"]:checked::before,
@@ -212,10 +213,10 @@ input[type="radio"]:checked::before {
border-radius: 50%;
width: 0.5rem; /* 8px */
height: 0.5rem; /* 8px */
margin: 0.1875rem; /* 3px */
margin: auto;
background-color: #fff;
/* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */
line-height: 1.14285714;
/* Only visible in Windows High Contrast mode */
outline: 4px solid transparent;
}
@-moz-document url-prefix() {
@@ -958,13 +959,6 @@ ul#add-to-blog-users {
line-height: 1.4;
}
.form-table input.tog,
.form-table input[type="radio"] {
margin-top: -4px;
margin-left: 4px;
float: none;
}
.form-table .pre {
padding: 8px;
margin: 0;

File diff suppressed because one or more lines are too long

View File

@@ -171,10 +171,11 @@ td > input[type="checkbox"],
}
input[type="radio"] {
display: inline-flex;
border-radius: 50%;
margin-right: 0.25rem;
/* 10px not sure if still necessary, comes from the MP6 redesign in r26072 */
line-height: 0.71428571;
align-items: center;
justify-content: center;
}
input[type="checkbox"]:checked::before,
@@ -211,10 +212,10 @@ input[type="radio"]:checked::before {
border-radius: 50%;
width: 0.5rem; /* 8px */
height: 0.5rem; /* 8px */
margin: 0.1875rem; /* 3px */
margin: auto;
background-color: #fff;
/* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */
line-height: 1.14285714;
/* Only visible in Windows High Contrast mode */
outline: 4px solid transparent;
}
@-moz-document url-prefix() {
@@ -957,13 +958,6 @@ ul#add-to-blog-users {
line-height: 1.4;
}
.form-table input.tog,
.form-table input[type="radio"] {
margin-top: -4px;
margin-right: 4px;
float: none;
}
.form-table .pre {
padding: 8px;
margin: 0;

File diff suppressed because one or more lines are too long

View File

@@ -1034,7 +1034,7 @@ function admin_color_scheme_picker( $user_id ) {
?>
<div class="color-option <?php echo ( $color === $current_color ) ? 'selected' : ''; ?>">
<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 ); ?> />
<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 ); ?> />
<input type="hidden" class="css_url" value="<?php echo esc_url( $color_info->url ); ?>" />
<input type="hidden" class="icon_colors" value="<?php echo esc_attr( wp_json_encode( array( 'icons' => $color_info->icon_colors ) ) ); ?>" />
<label for="admin_color_<?php echo esc_attr( $color ); ?>"><?php echo esc_html( $color_info->name ); ?></label>

View File

@@ -90,12 +90,12 @@ else :
<td id="front-static-pages"><fieldset>
<legend class="screen-reader-text"><span><?php echo $your_homepage_displays_title; ?></span></legend>
<p><label>
<input name="show_on_front" type="radio" value="posts" class="tog" <?php checked( 'posts', get_option( 'show_on_front' ) ); ?> />
<input name="show_on_front" type="radio" value="posts" <?php checked( 'posts', get_option( 'show_on_front' ) ); ?> />
<?php _e( 'Your latest posts' ); ?>
</label>
</p>
<p><label>
<input name="show_on_front" type="radio" value="page" class="tog" <?php checked( 'page', get_option( 'show_on_front' ) ); ?> />
<input name="show_on_front" type="radio" value="page" <?php checked( 'page', get_option( 'show_on_front' ) ); ?> />
<?php
printf(
/* translators: %s: URL to Pages screen. */

View File

@@ -16,7 +16,7 @@
*
* @global string $wp_version
*/
$wp_version = '7.0-beta6-62088';
$wp_version = '7.0-beta6-62089';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.