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:
parent
dbf0e1bf9e
commit
5bb4f1dcd7
|
@ -372,7 +372,7 @@
|
|||
}
|
||||
|
||||
.media-sidebar h2,
|
||||
.image-details h2:not(.media-attachments-filter-heading) {
|
||||
.image-details .media-embed h2 {
|
||||
position: relative;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
|
@ -907,8 +907,6 @@
|
|||
|
||||
.media-frame select.attachment-filters:last-of-type {
|
||||
margin-left: 0;
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/**
|
||||
|
@ -2610,6 +2608,16 @@
|
|||
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,
|
||||
.attachment-details .setting {
|
||||
margin: 6px 0;
|
||||
|
@ -2820,15 +2828,6 @@
|
|||
}
|
||||
|
||||
@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 {
|
||||
bottom: -54px;
|
||||
}
|
||||
|
@ -2879,10 +2878,6 @@
|
|||
left: 0;
|
||||
}
|
||||
|
||||
.attachments-browser .attachments-wrapper {
|
||||
padding-top: 12px;
|
||||
}
|
||||
|
||||
.image-details .media-frame-title {
|
||||
display: block;
|
||||
top: 0;
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -371,7 +371,7 @@
|
|||
}
|
||||
|
||||
.media-sidebar h2,
|
||||
.image-details h2:not(.media-attachments-filter-heading) {
|
||||
.image-details .media-embed h2 {
|
||||
position: relative;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
|
@ -906,8 +906,6 @@
|
|||
|
||||
.media-frame select.attachment-filters:last-of-type {
|
||||
margin-right: 0;
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/**
|
||||
|
@ -2609,6 +2607,16 @@
|
|||
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,
|
||||
.attachment-details .setting {
|
||||
margin: 6px 0;
|
||||
|
@ -2819,15 +2827,6 @@
|
|||
}
|
||||
|
||||
@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 {
|
||||
bottom: -54px;
|
||||
}
|
||||
|
@ -2878,10 +2877,6 @@
|
|||
right: 0;
|
||||
}
|
||||
|
||||
.attachments-browser .attachments-wrapper {
|
||||
padding-top: 12px;
|
||||
}
|
||||
|
||||
.image-details .media-frame-title {
|
||||
display: block;
|
||||
top: 0;
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -16,7 +16,7 @@
|
|||
*
|
||||
* @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.
|
||||
|
|
Loading…
Reference in New Issue