From 97dc4022c80ed524cdafab06a89ff8c798c2ac23 Mon Sep 17 00:00:00 2001 From: "Dominik Schilling (ocean90)" Date: Sun, 1 May 2016 20:28:22 +0000 Subject: [PATCH] Customize: Increase the target size of the expand/collapse button in the customizer. MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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. git-svn-id: https://develop.svn.wordpress.org/trunk@37341 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/themes.css | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/src/wp-admin/css/themes.css b/src/wp-admin/css/themes.css index b3b3b4e4ce..98d5a5e519 100644 --- a/src/wp-admin/css/themes.css +++ b/src/wp-admin/css/themes.css @@ -1397,9 +1397,10 @@ body.full-overlay-active { /* Collapse Button */ .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; line-height: 1; @@ -1461,6 +1462,10 @@ body.full-overlay-active { -moz-osx-font-smoothing: grayscale; } +.wp-core-ui .wp-full-overlay.collapsed .collapse-sidebar { + padding: 9px 10px; +} + /* rtl:ignore */ .wp-full-overlay.collapsed .collapse-sidebar-arrow:before, .rtl .wp-full-overlay .collapse-sidebar-arrow:before { @@ -1503,6 +1508,7 @@ body.full-overlay-active { width: 300px; height: 45px; border-top: 1px solid #ddd; + background: #eee; } .wp-full-overlay-footer .devices {