Changeset 58352

Timestamp:

06/05/2024 07:55:45 PM (6 months ago)

Author:

joedolson

Message:

Media: Prevent shifting on details update in media modal.

Fix issue where the image details would shift position during AJAX updates in the media modal. Occurred when the Attachment Details heading was translated into a language where the text no longer alowed space for the 'Saved' message to the right of the message.

Props pavelevap, SergeyBiryukov, antpb, joedolson, shailu25.
Fixes #27914.

File:

• trunk/src/wp-includes/css/media-views.css (modified) (3 diffs)

trunk/src/wp-includes/css/media-views.css

@@ -383 +383 @@
 }
 
+.attachment-details h2 {
+    display: grid;
+    grid-template-columns: auto 5em;
+}
+
 .media-sidebar .collection-settings .setting {
     margin: 1px 0;
@@ -1724 +1729 @@
 }
 
+.media-frame .media-sidebar .settings-save-status .spinner {
+    position: absolute;
+    right: 0;
+    top: 0;
+}
+
 .media-frame.mode-grid .spinner {
     margin: 0;
@@ -1753 +1764 @@
 
 .attachment-details .settings-save-status {
-    float: right;
+    text-align: right;
     text-transform: none;
     font-weight: 400;