Skip to content

Commit 77850fb

Browse files
committed
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. git-svn-id: https://develop.svn.wordpress.org/trunk@62090 602fd350-edb4-49c9-b593-d223f7449a82
1 parent 96f335d commit 77850fb

1 file changed

Lines changed: 9 additions & 17 deletions

File tree

src/wp-admin/css/themes.css

Lines changed: 9 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1136,24 +1136,23 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap {
11361136
.upload-theme .wp-upload-form,
11371137
.upload-plugin .wp-upload-form {
11381138
position: relative;
1139-
margin: 30px auto;
1139+
margin: 30px;
11401140
display: inline-flex;
11411141
justify-content: space-between;
11421142
align-items: center;
1143+
border: 1px solid #c3c4c7;
1144+
background: #f6f7f7;
11431145
}
11441146

11451147
.upload-theme .wp-upload-form input[type="file"],
11461148
.upload-plugin .wp-upload-form input[type="file"] {
1147-
background: #f6f7f7;
1148-
border: 1px solid #c3c4c7;
1149+
background: transparent;
11491150
margin: 0;
1150-
padding: 30px 128px 30px 30px;
1151+
padding: 30px 0 30px 30px;
11511152
}
11521153

1153-
.upload-plugin .wp-upload-form input[type=submit],
1154-
.upload-theme .wp-upload-form input[type=submit] {
1155-
position: absolute;
1156-
right: 30px;
1154+
.wp-upload-form input[type="submit"].button {
1155+
margin-right: 30px;
11571156
}
11581157

11591158
.upload-theme .install-help,
@@ -2071,19 +2070,12 @@ body.full-overlay-active {
20712070
.upload-plugin .wp-upload-form,
20722071
.upload-theme .wp-upload-form {
20732072
width: 100%;
2073+
box-sizing: border-box;
20742074
}
20752075

20762076
.upload-plugin .wp-upload-form input[type=file],
20772077
.upload-theme .wp-upload-form input[type=file] {
2078-
padding: 30px 30px 80px;
2078+
padding: 30px 0 30px 30px;
20792079
width: 100%;
20802080
}
2081-
2082-
:is(.upload-theme, .upload-plugin) .wp-upload-form input[type="submit"].button {
2083-
right: unset;
2084-
left: 50%;
2085-
transform: translateX(-50%) !important;
2086-
top: calc( 1.4em + 42px ); /* Line height of control + gap + top padding. */
2087-
margin: 10px 0 0;
2088-
}
20892081
}

0 commit comments

Comments
 (0)