IntenseWebs/WordPress
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Administration: Consistent positioning and size of search form.

Browse Source 
Move the visual positioning of the posts search form into it's DOM position. Fixes an accessibility bug where the keyboard focus sequence did not match the visual order. Change the media search form in list view to match the format of other post views. Give search forms a consistent layout on mobile.

Props oglekler, sabernhardt, joedolson.
Fixes #57949.
Built from https://develop.svn.wordpress.org/trunk@56023


git-svn-id: http://core.svn.wordpress.org/trunk@55535 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
joedolson
2023-06-25 17:21:28 +00:00
parent 69692d50cb
commit abc3ea5422
18 changed files with 39 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
wp-includes/css/media-views-rtl.css
View File

@@ -925,14 +925,6 @@
max-width: 100%;
}
.media-frame .media-search-input-label {
position: absolute;
right: 0;
top: 10px;
margin: 0;
line-height: 1;
}
/**
* Attachments
*/
@@ -1218,6 +1210,7 @@
.mode-grid .attachments-browser .media-toolbar-primary {
display: flex;
align-items: center;
column-gap: .5rem;
}
.mode-grid .attachments-browser .media-toolbar-mode-select .media-toolbar-primary {
@@ -2807,7 +2800,11 @@
}
.mode-grid .attachments-browser .media-toolbar-primary {
display: block;
display: flex;
}
.mode-grid .attachments-browser .media-toolbar-primary input[type="search"] {
width: 100%;
}
.media-sidebar .copy-to-clipboard-container .success,

2
wp-includes/css/media-views-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

15
wp-includes/css/media-views.css
View File

@@ -924,14 +924,6 @@
max-width: 100%;
}
.media-frame .media-search-input-label {
position: absolute;
left: 0;
top: 10px;
margin: 0;
line-height: 1;
}
/**
* Attachments
*/
@@ -1217,6 +1209,7 @@
.mode-grid .attachments-browser .media-toolbar-primary {
display: flex;
align-items: center;
column-gap: .5rem;
}
.mode-grid .attachments-browser .media-toolbar-mode-select .media-toolbar-primary {
@@ -2806,7 +2799,11 @@
}
.mode-grid .attachments-browser .media-toolbar-primary {
display: block;
display: flex;
}
.mode-grid .attachments-browser .media-toolbar-primary input[type="search"] {
width: 100%;
}
.media-sidebar .copy-to-clipboard-container .success,

2
wp-includes/css/media-views.min.css vendored
View File

File diff suppressed because one or more lines are too long