Changeset 62943

Timestamp:

07/30/2026 02:54:34 PM (9 days ago)

Author:

afercia

Message:

Administration: Fix the alignment of the 'Update to' button in the 'At a Glance' Dashboard widget.

Updates the CSS for the 'At a Glance' dashboard widget to use a flexbox layout so the Core update button stays within the widget container and better aligns to the version text.

Also, fixes the DOM order and the visual order so that they match.

Developed in ​https://github.com/WordPress/wordpress-develop/pull/12715

Props khokansardar, joedolson, afercia.
Fixes #65733.

Location:

trunk/src/wp-admin

Files:

• css/dashboard.css (modified) (1 diff)
• includes/update.php (modified) (2 diffs)

trunk/src/wp-admin/css/dashboard.css

@@ -725 +725 @@
 }
 
+#dashboard_right_now #wp-version-message {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: 8px;
+}
+
+#dashboard_right_now #wp-version {
+        flex: 1;
+}
+
 #dashboard_right_now #wp-version-message .button {
-        float: right;
-        position: relative;
-        top: -5px;
-        margin-left: 5px;
+        margin-left: auto;
 }
 

trunk/src/wp-admin/includes/update.php

@@ -363 +363 @@
         }
 
-        $msg = '';
-
-        if ( current_user_can( 'update_core' ) ) {
-                $cur = get_preferred_from_update_core();
-
-                if ( isset( $cur->response ) && 'upgrade' === $cur->response ) {
-                        $msg .= sprintf(
-                                '<a href="%s" class="button" aria-describedby="wp-version">%s</a> ',
-                                network_admin_url( 'update-core.php' ),
-                                /* translators: %s: WordPress version number, or 'Latest' string. */
-                                sprintf( __( 'Update to %s' ), $cur->current ? $cur->current : __( 'Latest' ) )
-                        );
-                }
-        }
-
         /* translators: 1: Version number, 2: Theme name. */
         $content = __( 'WordPress %1$s running %2$s theme.' );
@@ -392 +377 @@
         $content = apply_filters( 'update_right_now_text', $content );
 
-        $msg .= sprintf( '<span id="wp-version">' . $content . '</span>', get_bloginfo( 'version', 'display' ), $theme_name );
+        $msg = sprintf( '<span id="wp-version">' . $content . '</span>', get_bloginfo( 'version', 'display' ), $theme_name );
+
+        if ( current_user_can( 'update_core' ) ) {
+                $cur = get_preferred_from_update_core();
+
+                if ( isset( $cur->response ) && 'upgrade' === $cur->response ) {
+                        $msg .= sprintf(
+                                '<a href="%s" class="button" aria-describedby="wp-version">%s</a>',
+                                network_admin_url( 'update-core.php' ),
+                                /* translators: %s: WordPress version number, or 'Latest' string. */
+                                sprintf( __( 'Update to %s' ), $cur->current ? $cur->current : __( 'Latest' ) )
+                        );
+                }
+        }
 
         echo "<p id='wp-version-message'>$msg</p>";