Changeset 58352 for trunk

Timestamp:

06/05/2024 07:55:45 PM (2 years 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;