Changeset 59022

Timestamp:

09/15/2024 01:47:36 PM (4 weeks 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 ) ); ?>" />