Changeset 60645 for trunk/src/wp-admin/css/customize-controls.css

Timestamp:

08/18/2025 08:25:45 PM (7 months ago)

Author:

joedolson

Message:

Accessibility: Make buttons to add site images look like buttons.

The buttons to add site icons, logos, header images, and background images were designed with a dashed border. This led to confusion with users thinking they were drop regions for image uploads, rather than buttons to trigger an upload.

Change design of upload buttons to clarify expected user interaction.

Props emaildano, afercia, joedolson, ankitkumarshah, logicrays, shailu25.
Fixes #47579.

File:

• trunk/src/wp-admin/css/customize-controls.css (modified) (2 diffs)

trunk/src/wp-admin/css/customize-controls.css

@@ -1440 +1440 @@
     height: auto;
     white-space: normal;
+}
+
+.customize-control .attachment-media-view .upload-button {
+    width: 100%;
+    padding: 9px 0;
+}
+
+.customize-control .attachment-media-view .upload-button.control-focus {
+    width: auto;
+    padding: 0 10px;
+}
+
+.customize-control.customize-control-header .actions .upload-button.button.new {
+    width: 100%;
+    padding: 9px 0;
 }
 
@@ -2991 +3006 @@
     }
 
+    .customize-control .attachment-media-view .upload-button {
+        padding: 5px 0;
+    }
+
     #customize-control-changeset_status .customize-inside-control-row {
         padding-top: 15px;