Changeset 61826

Timestamp:

03/04/2026 07:47:33 PM (6 months ago)

Author:

joedolson

Message:

Permalinks: Improve display for permalinks slug inputs.

Set the /blog prefix to place the / correctly in RTL languages. Adjust the layout to prevent awkward wrapping in all languages on smaller viewports.

Props sabernhardt, rachid84, johnbillion, SergeyBiryukov, costdev, joedolson, afercia, ryokuhi, oglekler, sirlouen, audrasjb, huzaifaalmesbah.
Fixes #58722. See #47755.

Location:

trunk/src/wp-admin

Files:

• css/forms.css (modified) (2 diffs)
• options-permalink.php (modified) (3 diffs)

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

@@ -1280 +1280 @@
 }
 
+.permalink-structure-optional-description code {
+        display: inline-block;
+}
+
 /*------------------------------------------------------------------------------
   21.0 - Network Admin
@@ -1795 +1799 @@
         }
 
+        .permalink-structure-has-blog-prefix {
+                display: flex;
+                align-items: center;
+        }
+
         .form-table input.regular-text {
                 width: 100%;

trunk/src/wp-admin/options-permalink.php

@@ -407 +407 @@
 
 <h2 class="title"><?php _e( 'Optional' ); ?></h2>
-<p>
+<p class="permalink-structure-optional-description">
 <?php
 printf(
@@ -425 +425 @@
                 </th>
                 <td>
-                        <?php echo $blog_prefix; ?>
+                <?php if ( '' === $blog_prefix ) : ?>
                         <input name="category_base" id="category_base" type="text"
                                 value="<?php echo esc_attr( $category_base ); ?>" class="regular-text code"
                         />
+                <?php else : ?>
+                        <span class="code permalink-structure-has-blog-prefix">
+                                <code class="no-break"><?php echo $blog_prefix; ?></code>
+                                <input name="category_base" id="category_base" type="text"
+                                        value="<?php echo esc_attr( $category_base ); ?>" class="regular-text code"
+                                />
+                        </span>
+                <?php endif; ?>
                 </td>
         </tr>
@@ -436 +444 @@
                 </th>
                 <td>
-                        <?php echo $blog_prefix; ?>
+                <?php if ( '' === $blog_prefix ) : ?>
                         <input name="tag_base" id="tag_base" type="text"
                                 value="<?php echo esc_attr( $tag_base ); ?>" class="regular-text code"
                         />
+                <?php else : ?>
+                        <span class="code permalink-structure-has-blog-prefix">
+                                <code class="no-break"><?php echo $blog_prefix; ?></code>
+                                <input name="tag_base" id="tag_base" type="text"
+                                        value="<?php echo esc_attr( $tag_base ); ?>" class="regular-text code"
+                                />
+                        </span>
+                <?php endif; ?>
                 </td>
         </tr>