Media: Fix admin image editor layout at intermediary widths.

Follow up to [56189], which resolved the initial problem but created new problems with control proximity on wide monitors. Change admin image editor panels to use flex so panels only occupy the space needed.

Props joedolson, sabernhardt, mikinc860.
Fixes #58692.
Built from https://develop.svn.wordpress.org/trunk@56242


git-svn-id: http://core.svn.wordpress.org/trunk@55754 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
joedolson 2023-07-16 15:59:22 +00:00
parent ff5ec02b0c
commit 7a703a1b0f
5 changed files with 11 additions and 19 deletions

View File

@ -900,15 +900,10 @@ border color while dragging a file over the uploader drop area */
}
.imgedit-panel-content {
display: grid;
grid-template-columns: 1fr;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
@media screen and (min-width: 1200px) {
.imgedit-panel-content.imgedit-panel-tools {
grid-template-columns: 50% 50%;
}
margin-bottom: 20px;
}
.imgedit-settings {
@ -1130,6 +1125,7 @@ border color while dragging a file over the uploader drop area */
display: flex;
column-gap: 4px;
align-items: start;
flex-wrap: wrap;
}
.imgedit-popup-menu {

File diff suppressed because one or more lines are too long

View File

@ -899,15 +899,10 @@ border color while dragging a file over the uploader drop area */
}
.imgedit-panel-content {
display: grid;
grid-template-columns: 1fr;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
@media screen and (min-width: 1200px) {
.imgedit-panel-content.imgedit-panel-tools {
grid-template-columns: 50% 50%;
}
margin-bottom: 20px;
}
.imgedit-settings {
@ -1129,6 +1124,7 @@ border color while dragging a file over the uploader drop area */
display: flex;
column-gap: 4px;
align-items: start;
flex-wrap: wrap;
}
.imgedit-popup-menu {

File diff suppressed because one or more lines are too long

View File

@ -16,7 +16,7 @@
*
* @global string $wp_version
*/
$wp_version = '6.3-beta4-56241';
$wp_version = '6.3-beta4-56242';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.