Index: wp-admin/css/customize-controls.dev.css =================================================================== --- wp-admin/css/customize-controls.dev.css (revision 21007) +++ wp-admin/css/customize-controls.dev.css (working copy) @@ -402,10 +402,6 @@ text-align: right; } -.customize-section .customize-control-image .actions a { - display: block; -} - .customize-section .customize-control-image .library ul { border-bottom: 1px solid #dfdfdf; float: left; @@ -456,7 +452,7 @@ .customize-section .customize-control-image .library .thumbnail img { display: block; - max-width: 220px; + max-width: 90%; max-height: 80px; margin: 5px auto; @@ -479,6 +475,7 @@ text-align: center; color: #777; position: relative; + cursor: default; } .customize-section .customize-control-upload .upload-dropzone.supports-drag-drop, @@ -491,7 +488,43 @@ transition: border-color 0.1s; } +.customize-section .customize-control-upload .library ul li, +.customize-section .customize-control-image .library ul li { + cursor: pointer; +} + .customize-section .customize-control-upload .upload-dropzone.supports-drag-drop.drag-over, .customize-section .customize-control-image .upload-dropzone.supports-drag-drop.drag-over { border-color: #83b4d8; -} \ No newline at end of file +} + +/** + * iOS can't scroll iframes, + * instead it expands the iframe size to match the size of the content + */ +body.ios { + position: static; + z-index: 0; + overflow: auto; +} + +.ios #customize-controls { + right: auto; + width: 250px; + position: fixed; +} + +.ios #customize-preview { + position: relative; + left: 250px; +} + +.ios.collapsed #customize-preview { + left: 0; + width: 100% +} + +.ios.collapsed #customize-controls { + margin-left: -250px; +} + Index: wp-admin/customize.php =================================================================== --- wp-admin/customize.php (revision 21007) +++ wp-admin/customize.php (working copy) @@ -39,6 +39,22 @@ wp_user_settings(); _wp_admin_html_begin(); +$body_class = 'wp-full-overlay'; +$is_mobile = $is_ios = false; + +if ( wp_is_mobile() ) { + $body_class .= ' mobile'; + $is_mobile = true; + if ( strpos($_SERVER['HTTP_USER_AGENT'], 'iPad') + || strpos($_SERVER['HTTP_USER_AGENT'], 'iPod') + || strpos($_SERVER['HTTP_USER_AGENT'], 'iPhone') ) { + $body_class .= ' ios'; + $is_ios = true; + } + + ?>theme()->display('Name') ) ) ); ?>