sergiotarxz/Wordpress
sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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

Browse Source 
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
This commit is contained in:
Dominik Schilling (ocean90) 2016-05-01 20:28:22 +00:00
parent e420b09560
commit 97dc4022c8
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/wp-admin/css/themes.css
View File

@ -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 {