Changeset 59022

Timestamp:

09/15/2024 01:47:36 PM (2 years ago)

Author:

SergeyBiryukov

Message:

Themes: Improve the alignment of feature filters and inputs on Add Themes screen.

Follow-up to [35527], [38640], [40797].

Props Benjamin_Zekavica, sabernhardt, sumitsingh, gauravtiwari, krupajnanda, audrasjb, SergeyBiryukov.
Fixes #53314.

Location:

trunk/src/wp-admin

Files:

• css/common.css (modified) (3 diffs)
• theme-install.php (modified) (1 diff)

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

@@ -1181 +1181 @@
 }
 
+.wp-filter .favorites-form .favorites-username {
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+        gap: 0.5rem;
+}
+
+.wp-filter .favorites-form .favorites-username input {
+        margin: 0;
+}
+
 .show-filters .filter-drawer,
 .show-favorites-form .favorites-form {
@@ -1289 +1300 @@
 
 .filtered-by .tags {
-        display: inline;
+        display: flex;
+        align-items: flex-start;
+        flex-wrap: wrap;
+        gap: 8px;
 }
 
 .filtered-by .tag {
-        margin: 0 5px;
         padding: 4px 8px;
         border: 1px solid #dcdcde;
@@ -1308 +1321 @@
 
 .filters-applied .filtered-by {
-        display: block;
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+        gap: 10px;
 }
 

trunk/src/wp-admin/theme-install.php

@@ -231 +231 @@
                         <p class="install-help"><?php _e( 'If you have marked themes as favorites on WordPress.org, you can browse them here.' ); ?></p>
 
-                        <p>
+                        <p class="favorites-username">
                                 <label for="wporg-username-input"><?php _e( 'Your WordPress.org username:' ); ?></label>
                                 <input type="hidden" id="wporg-username-nonce" name="_wpnonce" value="<?php echo esc_attr( wp_create_nonce( $action ) ); ?>" />