WordPress.org

Make WordPress Core

Ticket #20805: 20805-5.patch

File 20805-5.patch, 7.0 KB (added by azaozz, 6 years ago)
  • wp-admin/css/customize-controls.dev.css

     
    402402        text-align: right;
    403403}
    404404
    405 .customize-section .customize-control-image .actions a {
    406         display: block;
    407 }
    408 
    409405.customize-section .customize-control-image .library ul {
    410406        border-bottom: 1px solid #dfdfdf;
    411407        float: left;
     
    456452
    457453.customize-section .customize-control-image .library .thumbnail img {
    458454        display: block;
    459         max-width: 220px;
     455        max-width: 90%;
    460456        max-height: 80px;
    461457
    462458        margin: 5px auto;
     
    479475        text-align: center;
    480476        color: #777;
    481477        position: relative;
     478        cursor: default;
    482479}
    483480
    484481.customize-section .customize-control-upload .upload-dropzone.supports-drag-drop,
     
    491488        transition:         border-color 0.1s;
    492489}
    493490
     491.customize-section .customize-control-upload .library ul li,
     492.customize-section .customize-control-image .library ul li {
     493        cursor: pointer;
     494}
     495
    494496.customize-section .customize-control-upload .upload-dropzone.supports-drag-drop.drag-over,
    495497.customize-section .customize-control-image .upload-dropzone.supports-drag-drop.drag-over {
    496498        border-color: #83b4d8;
    497 }
    498  No newline at end of file
     499}
     500
     501/**
     502 * iOS can't scroll iframes,
     503 * instead it expands the iframe size to match the size of the content
     504 */
     505body.ios {
     506        position: static;
     507        z-index: 0;
     508        overflow: auto;
     509}
     510
     511.ios #customize-controls {
     512        right: auto;
     513        width: 250px;
     514        position: fixed;
     515}
     516
     517.ios #customize-preview {
     518        position: relative;
     519        left: 250px;
     520}
     521
     522.ios.collapsed #customize-preview {
     523        left: 0;
     524        width: 100%
     525}
     526
     527.ios.collapsed #customize-controls {
     528        margin-left: -250px;
     529}
     530
  • wp-admin/customize.php

     
    3939wp_user_settings();
    4040_wp_admin_html_begin();
    4141
     42$body_class = 'wp-full-overlay';
     43$is_mobile = $is_ios = false;
     44
     45if ( wp_is_mobile() ) {
     46        $body_class .= ' mobile';
     47        $is_mobile = true;
     48        if ( strpos($_SERVER['HTTP_USER_AGENT'], 'iPad')
     49                || strpos($_SERVER['HTTP_USER_AGENT'], 'iPod')
     50                || strpos($_SERVER['HTTP_USER_AGENT'], 'iPhone') ) {
     51                        $body_class .= ' ios';
     52                        $is_ios = true;
     53                }
     54
     55        ?><meta name="viewport" id="viewport-meta" content="width=device-width, initial-scale=0.8, minimum-scale=0.5, maximum-scale=2.0"><?php
     56}
     57
    4258$admin_title = sprintf( __( '%1$s &#8212; WordPress' ), strip_tags( sprintf( __( 'Customize %s' ), $wp_customize->theme()->display('Name') ) ) );
    4359?><title><?php echo $admin_title; ?></title><?php
    4460
     
    4662do_action( 'customize_controls_print_scripts' );
    4763?>
    4864</head>
    49 <body class="wp-full-overlay">
     65<body class="<?php echo $body_class; ?>">
    5066        <form id="customize-controls" class="wrap wp-full-overlay-sidebar">
    5167                <?php wp_nonce_field( 'customize_controls' ); ?>
    5268                <div id="customize-header-actions" class="wp-full-overlay-header">
     
    145161                        'isCrossDomain' => $cross_domain,
    146162                        'fallback'      => $fallback_url,
    147163                ),
     164                'is_mobile' => $is_mobile,
     165                'is_ios' => $is_ios,
    148166                'settings' => array(),
    149167                'controls' => array(),
    150168        );
  • wp-admin/js/customize-controls.dev.js

     
    148148                                success:   this.success
    149149                        }, this.uploader || {} );
    150150
     151                        if ( ! this.uploader.browser.length )
     152                                return;
     153
    151154                        this.uploader = new wp.Uploader( this.uploader );
    152155
    153156                        this.remover = this.container.find('.remove');
     
    182185                                init: function( up ) {
    183186                                        var fallback, button;
    184187
    185                                         if ( up.features.dragdrop )
     188                                        if ( up.features.dragdrop && ! api.settings.is_mobile )
    186189                                                return;
    187190
    188191                                        // Maintain references while wrapping the fallback button.
     
    784787                api.trigger( 'ready' );
    785788        });
    786789
    787 })( wp, jQuery );
    788  No newline at end of file
     790})( wp, jQuery );
  • wp-includes/class-wp-customize-control.php

     
    331331                        $src = call_user_func( $this->get_url, $src );
    332332
    333333                ?>
    334                 <label class="customize-image-picker">
     334                <div class="customize-image-picker">
    335335                        <span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
    336336
    337337                        <div class="customize-control-content">
     
    366366                        <div class="actions">
    367367                                <a href="#" class="remove"><?php _e( 'Remove Image' ); ?></a>
    368368                        </div>
    369                 </label>
     369                </div>
    370370                <?php
    371371        }
    372372
     
    382382        }
    383383
    384384        public function tab_upload_new() {
    385                 ?>
    386                 <div class="upload-dropzone">
    387                         <?php _e('Drop a file here or <a href="#" class="upload">select a file</a>.'); ?>
    388                 </div>
    389                 <div class="upload-fallback">
    390                         <span class="button-secondary"><?php _e('Select File'); ?></span>
    391                 </div>
    392                 <?php
     385                if ( ! _device_can_upload() ) {
     386                        ?>
     387                        <p><?php _e('The web browser on your device cannot be used to upload files. You may be able to use the <a href="http://wordpress.org/extend/mobile/">native app for your device</a> instead.'); ?></p>
     388                        <?php
     389                } else {
     390                        ?>
     391                        <div class="upload-dropzone">
     392                                <?php _e('Drop a file here or <a href="#" class="upload">select a file</a>.'); ?>
     393                        </div>
     394                        <div class="upload-fallback">
     395                                <span class="button-secondary"><?php _e('Select File'); ?></span>
     396                        </div>
     397                        <?php
     398                }
    393399        }
    394400
    395401        public function tab_uploaded() {
     
    480486                foreach ( $custom_image_header->default_headers as $header )
    481487                        $this->print_tab_image( $header['url'], $header['thumbnail_url'] );
    482488        }
    483 }
    484  No newline at end of file
     489}
  • wp-includes/js/customize-loader.dev.js

     
    3030                        this.bind( 'close', this.overlay.hide );
    3131
    3232                        $('#wpbody').on( 'click', '.load-customize', function( event ) {
     33                                // follow the link if on mobile device
     34                                if ( $('body').hasClass('mobile') )
     35                                        return true;
     36
    3337                                event.preventDefault();
    3438
    3539                                // Load the theme.
  • wp-includes/js/plupload/wp-plupload.dev.js

     
    9999                                active = false;
    100100                                dropzone.removeClass('drag-over');
    101101                        });
    102                 }( this.dropzone, this.uploader.features.dragdrop ));
     102                }( this.dropzone, this.uploader.features.dragdrop && ! $('body').hasClass('mobile') ));
    103103
    104104                this.browser.on( 'mouseenter', this.refresh );
    105105
     
    200200        });
    201201
    202202        exports.Uploader = Uploader;
    203 })( wp, jQuery );
    204  No newline at end of file
     203})( wp, jQuery );