Changeset 62697

Timestamp:

07/12/2026 08:55:19 PM (5 weeks ago)

Author:

joedolson

Message:

Plugins: Fix alignment of Favorites input and submit.

Fix the alignment of the label, input field, and Submit button for getting your user favorites in the plugins screen. Modernizes layout to use flex layout and improves small viewports.

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

Props bayejid00, deepakprajapati, shreyasikhar26, tusharaddweb, joedolson, sabernhardt.
Fixes #65231.

Location:

trunk/src/wp-admin

Files:

• css/common.css (modified) (2 diffs)
• includes/plugin-install.php (modified) (1 diff)

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

@@ -1199 +1199 @@
 }
 
-.wp-filter .favorites-form .favorites-username {
+.wp-filter .favorites-form .favorites-username,
+.plugin-install-tab-favorites .favorites-username {
         display: flex;
         align-items: center;
@@ -1206 +1207 @@
 }
 
-.wp-filter .favorites-form .favorites-username input {
+.wp-filter .favorites-form .favorites-username input,
+.plugin-install-tab-favorites .favorites-username input {
         margin: 0;
 }

trunk/src/wp-admin/includes/plugin-install.php

@@ -371 +371 @@
         <form method="get">
                 <input type="hidden" name="tab" value="favorites" />
-                <p>
+                <p class="favorites-username">
                         <label for="user"><?php _e( 'Your WordPress.org username:' ); ?></label>
                         <input type="search" id="user" name="user" value="<?php echo esc_attr( $user ); ?>" />