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.
Built from https://develop.svn.wordpress.org/trunk@58352


git-svn-id: http://core.svn.wordpress.org/trunk@57804 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
joedolson 2024-06-05 19:57:13 +00:00
parent ab1bc73088
commit c844f3203b
5 changed files with 27 additions and 5 deletions

View File

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

File diff suppressed because one or more lines are too long

View File

@ -382,6 +382,11 @@
margin: 0 0 10px; margin: 0 0 10px;
} }
.attachment-details h2 {
display: grid;
grid-template-columns: auto 5em;
}
.media-sidebar .collection-settings .setting { .media-sidebar .collection-settings .setting {
margin: 1px 0; margin: 1px 0;
} }
@ -1723,6 +1728,12 @@
vertical-align: middle; vertical-align: middle;
} }
.media-frame .media-sidebar .settings-save-status .spinner {
position: absolute;
right: 0;
top: 0;
}
.media-frame.mode-grid .spinner { .media-frame.mode-grid .spinner {
margin: 0; margin: 0;
float: none; float: none;
@ -1752,7 +1763,7 @@
} }
.attachment-details .settings-save-status { .attachment-details .settings-save-status {
float: right; text-align: right;
text-transform: none; text-transform: none;
font-weight: 400; font-weight: 400;
} }

File diff suppressed because one or more lines are too long

View File

@ -16,7 +16,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '6.6-beta1-58351'; $wp_version = '6.6-beta1-58352';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.