Media: Fix CSS layout issues in Replace media dialog.

Make focus outline fully visible at all media query breakpoints, prevent the date filter from becoming hidden, and match the heading styles to other screens.

Props sabernhardt, hareesh-pillai, alvitazwar052.
Fixes #54395.
Built from https://develop.svn.wordpress.org/trunk@55896


git-svn-id: http://core.svn.wordpress.org/trunk@55408 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
joedolson 2023-06-08 11:16:18 +00:00
parent dbf0e1bf9e
commit 5bb4f1dcd7
5 changed files with 25 additions and 35 deletions

View File

@ -372,7 +372,7 @@
} }
.media-sidebar h2, .media-sidebar h2,
.image-details h2:not(.media-attachments-filter-heading) { .image-details .media-embed h2 {
position: relative; position: relative;
font-weight: 600; font-weight: 600;
text-transform: uppercase; text-transform: uppercase;
@ -907,8 +907,6 @@
.media-frame select.attachment-filters:last-of-type { .media-frame select.attachment-filters:last-of-type {
margin-left: 0; margin-left: 0;
width: auto;
max-width: 100%;
} }
/** /**
@ -2610,6 +2608,16 @@
left: 262px; left: 262px;
} }
.attachments-browser .media-toolbar {
height: 82px;
}
.attachments-browser .attachments,
.attachments-browser .uploader-inline,
.media-frame-content .attachments-browser .attachments-wrapper {
top: 82px;
}
.media-sidebar .setting, .media-sidebar .setting,
.attachment-details .setting { .attachment-details .setting {
margin: 6px 0; margin: 6px 0;
@ -2820,15 +2828,6 @@
} }
@media screen and (max-width: 782px) { @media screen and (max-width: 782px) {
.attachments-browser .media-toolbar {
height: 82px;
}
.attachments-browser .attachments,
.attachments-browser .uploader-inline {
top: 82px;
}
.media-frame-toolbar .media-toolbar { .media-frame-toolbar .media-toolbar {
bottom: -54px; bottom: -54px;
} }
@ -2879,10 +2878,6 @@
left: 0; left: 0;
} }
.attachments-browser .attachments-wrapper {
padding-top: 12px;
}
.image-details .media-frame-title { .image-details .media-frame-title {
display: block; display: block;
top: 0; top: 0;

File diff suppressed because one or more lines are too long

View File

@ -371,7 +371,7 @@
} }
.media-sidebar h2, .media-sidebar h2,
.image-details h2:not(.media-attachments-filter-heading) { .image-details .media-embed h2 {
position: relative; position: relative;
font-weight: 600; font-weight: 600;
text-transform: uppercase; text-transform: uppercase;
@ -906,8 +906,6 @@
.media-frame select.attachment-filters:last-of-type { .media-frame select.attachment-filters:last-of-type {
margin-right: 0; margin-right: 0;
width: auto;
max-width: 100%;
} }
/** /**
@ -2609,6 +2607,16 @@
right: 262px; right: 262px;
} }
.attachments-browser .media-toolbar {
height: 82px;
}
.attachments-browser .attachments,
.attachments-browser .uploader-inline,
.media-frame-content .attachments-browser .attachments-wrapper {
top: 82px;
}
.media-sidebar .setting, .media-sidebar .setting,
.attachment-details .setting { .attachment-details .setting {
margin: 6px 0; margin: 6px 0;
@ -2819,15 +2827,6 @@
} }
@media screen and (max-width: 782px) { @media screen and (max-width: 782px) {
.attachments-browser .media-toolbar {
height: 82px;
}
.attachments-browser .attachments,
.attachments-browser .uploader-inline {
top: 82px;
}
.media-frame-toolbar .media-toolbar { .media-frame-toolbar .media-toolbar {
bottom: -54px; bottom: -54px;
} }
@ -2878,10 +2877,6 @@
right: 0; right: 0;
} }
.attachments-browser .attachments-wrapper {
padding-top: 12px;
}
.image-details .media-frame-title { .image-details .media-frame-title {
display: block; display: block;
top: 0; top: 0;

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.3-alpha-55895'; $wp_version = '6.3-alpha-55896';
/** /**
* 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.