Index: wp-admin/css/customize-controls.dev.css =================================================================== --- wp-admin/css/customize-controls.dev.css (revision 20994) +++ wp-admin/css/customize-controls.dev.css (working copy) @@ -391,10 +391,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; @@ -445,7 +441,7 @@ .customize-section .customize-control-image .library .thumbnail img { display: block; - max-width: 220px; + max-width: 90%; max-height: 80px; margin: 5px auto; @@ -454,25 +450,29 @@ border: 1px solid #dfdfdf; } -.customize-section .customize-control-upload .upload-fallback, -.customize-section .customize-control-image .upload-fallback { +.customize-section .customize-control-upload .upload-dropzone, +.customize-section .customize-control-image .upload-dropzone { + margin: 5px 0 0; + position: relative; +} + +.customize-section .upload-dropzone-text, +.customize-section .supports-drag-drop .upload-fallback-button { display: none; } -.customize-section .customize-control-upload .upload-dropzone, -.customize-section .customize-control-image .upload-dropzone { - display: none; +.customize-section .supports-drag-drop .upload-dropzone-text { + display: inline; +} + +.customize-section .customize-control-upload .upload-dropzone.supports-drag-drop, +.customize-section .customize-control-image .upload-dropzone.supports-drag-drop { padding: 15px 10px; border: 3px dashed #dfdfdf; margin: 5px auto; text-align: center; color: #777; - position: relative; -} - -.customize-section .customize-control-upload .upload-dropzone.supports-drag-drop, -.customize-section .customize-control-image .upload-dropzone.supports-drag-drop { - display: block; + cursor: default; -webkit-transition: border-color 0.1s; -moz-transition: border-color 0.1s; -ms-transition: border-color 0.1s; @@ -480,7 +480,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 20994) +++ 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') ) ) ); ?>