Administration: Fix alignment in upload plugin/theme buttons.

Following [61598], the upload button for plugins and themes could cover the file information in the file input for longer internationalized strings due to absolute positioning.

Update layout to use remove absolute positioning while retaining the larger drop area.

Props audrasjb, pratiknawkar94, huzaifaalmesbah, noruzzaman, presskopp, joedolson.
Fixes #64832.
Built from https://develop.svn.wordpress.org/trunk@62090


git-svn-id: http://core.svn.wordpress.org/trunk@61372 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
joedolson
2026-03-22 23:14:58 +00:00
parent b70b0c7063
commit beaa495197
5 changed files with 21 additions and 37 deletions

View File

@@ -1137,24 +1137,23 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap {
.upload-theme .wp-upload-form,
.upload-plugin .wp-upload-form {
position: relative;
margin: 30px auto;
margin: 30px;
display: inline-flex;
justify-content: space-between;
align-items: center;
border: 1px solid #c3c4c7;
background: #f6f7f7;
}
.upload-theme .wp-upload-form input[type="file"],
.upload-plugin .wp-upload-form input[type="file"] {
background: #f6f7f7;
border: 1px solid #c3c4c7;
background: transparent;
margin: 0;
padding: 30px 30px 30px 128px;
padding: 30px 30px 30px 0;
}
.upload-plugin .wp-upload-form input[type=submit],
.upload-theme .wp-upload-form input[type=submit] {
position: absolute;
left: 30px;
.wp-upload-form input[type="submit"].button {
margin-left: 30px;
}
.upload-theme .install-help,
@@ -2072,19 +2071,12 @@ body.full-overlay-active {
.upload-plugin .wp-upload-form,
.upload-theme .wp-upload-form {
width: 100%;
box-sizing: border-box;
}
.upload-plugin .wp-upload-form input[type=file],
.upload-theme .wp-upload-form input[type=file] {
padding: 30px 30px 80px;
padding: 30px 30px 30px 0;
width: 100%;
}
:is(.upload-theme, .upload-plugin) .wp-upload-form input[type="submit"].button {
left: unset;
right: 50%;
transform: translateX(50%) !important;
top: calc( 1.4em + 42px ); /* Line height of control + gap + top padding. */
margin: 10px 0 0;
}
}

File diff suppressed because one or more lines are too long

View File

@@ -1136,24 +1136,23 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap {
.upload-theme .wp-upload-form,
.upload-plugin .wp-upload-form {
position: relative;
margin: 30px auto;
margin: 30px;
display: inline-flex;
justify-content: space-between;
align-items: center;
border: 1px solid #c3c4c7;
background: #f6f7f7;
}
.upload-theme .wp-upload-form input[type="file"],
.upload-plugin .wp-upload-form input[type="file"] {
background: #f6f7f7;
border: 1px solid #c3c4c7;
background: transparent;
margin: 0;
padding: 30px 128px 30px 30px;
padding: 30px 0 30px 30px;
}
.upload-plugin .wp-upload-form input[type=submit],
.upload-theme .wp-upload-form input[type=submit] {
position: absolute;
right: 30px;
.wp-upload-form input[type="submit"].button {
margin-right: 30px;
}
.upload-theme .install-help,
@@ -2071,19 +2070,12 @@ body.full-overlay-active {
.upload-plugin .wp-upload-form,
.upload-theme .wp-upload-form {
width: 100%;
box-sizing: border-box;
}
.upload-plugin .wp-upload-form input[type=file],
.upload-theme .wp-upload-form input[type=file] {
padding: 30px 30px 80px;
padding: 30px 0 30px 30px;
width: 100%;
}
:is(.upload-theme, .upload-plugin) .wp-upload-form input[type="submit"].button {
right: unset;
left: 50%;
transform: translateX(-50%) !important;
top: calc( 1.4em + 42px ); /* Line height of control + gap + top padding. */
margin: 10px 0 0;
}
}

File diff suppressed because one or more lines are too long

View File

@@ -16,7 +16,7 @@
*
* @global string $wp_version
*/
$wp_version = '7.0-beta6-62089';
$wp_version = '7.0-beta6-62090';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.