Changeset 37341

Timestamp:

05/01/2016 08:28:22 PM (9 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;
 }