Changeset 55103

Timestamp:

01/19/2023 10:55:10 PM (21 months ago)

Author:

audrasjb

Message:

Permalinks: Remove floating on Permalinks settings screen.

This changeset replaces floating elements with flex CSS positioning, while the markup stays the same to keep the elements' semantic value.

Follow-up to [53706].

Props sabernhardt, kebbet, audrasjb.
Fixes #56673.
See #55498.

File:

• trunk/src/wp-admin/css/forms.css (modified) (1 diff)

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

@@ -1083 +1083 @@
 }
 
+.form-table.permalink-structure .available-structure-tags ul {
+    display: flex;
+    flex-wrap: wrap;
+    margin: 8px 0 0;
+}
+
 .form-table.permalink-structure .available-structure-tags li {
-    float: left;
-    margin-right: 5px;
+    margin: 6px 5px 0 0;
+}
+
+.form-table.permalink-structure .available-structure-tags li:last-child {
+    margin-right: 0;
 }