Changeset 37341

Timestamp:

05/01/2016 08:28:22 PM (10 years ago)

Author:

ocean90

Message:

Customize: Increase the target size of the expand/collapse button in the customizer.

To improve accessibility on touch devices increase the size of the button in the collapsed view from 24×28 to 44×45 pixel.

Props celloexpressions.
Fixes #36093.

File:

• trunk/src/wp-admin/css/themes.css (modified) (3 diffs)

trunk/src/wp-admin/css/themes.css

@@ -1398 +1398 @@
 .wp-core-ui .wp-full-overlay .collapse-sidebar {
         position: fixed;
-        bottom: 8px;
-        left: 10px;
-        padding: 0;
+        bottom: 0;
+        left: 0;
+        padding: 9px 0 9px 10px;
+        height: 45px;
         color: #656a6f;
         outline: 0;
@@ -1462 +1463 @@
 }
 
+.wp-core-ui .wp-full-overlay.collapsed .collapse-sidebar {
+        padding: 9px 10px;
+}
+
 /* rtl:ignore */
 .wp-full-overlay.collapsed .collapse-sidebar-arrow:before,
@@ -1504 +1509 @@
         height: 45px;
         border-top: 1px solid #ddd;
+        background: #eee;
 }