From 2eeca4f2e2852b9dc2d5c0c20024cc226d73aef0 Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Thu, 12 Mar 2026 15:32:08 -0500 Subject: [PATCH] Update plugin/theme upload box to remove overlapping text --- src/wp-admin/css/themes.css | 26 +++++++++----------------- 1 file changed, 9 insertions(+), 17 deletions(-) diff --git a/src/wp-admin/css/themes.css b/src/wp-admin/css/themes.css index 82fca781dfc5b..bd116288723dc 100644 --- a/src/wp-admin/css/themes.css +++ b/src/wp-admin/css/themes.css @@ -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; - } }