WordPress.org

Make WordPress Core

Ticket #24291: 24291.3.diff

File 24291.3.diff, 3.6 KB (added by markjaquith, 5 years ago)
  • wp-admin/css/wp-admin.css

    body .ui-slider-tooltip { 
    40074007        overflow: hidden; 
    40084008        width: 40%; 
    40094009        height: auto; 
    4010         padding: 55px 0 20px; 
    40114010        border: 1px dashed #dfdfdf; 
    40124011        background: #f5f5f5 url(../images/media-button-2x.png) no-repeat 50% 25%; 
     4012        box-sizing: border-box; 
    40134013} 
    40144014 
    40154015.wp-format-media-holder:hover { 
    body .ui-slider-tooltip { 
    40204020        margin-bottom: 20px; 
    40214021} 
    40224022 
     4023#image-preview img { 
     4024        width: auto; 
     4025        max-height: 300px; 
     4026} 
     4027 
     4028.wp-format-image p.use-url-or-html { 
     4029        padding-top: 10px; 
     4030        clear: both; 
     4031        width: 40%; 
     4032        text-align: center; 
     4033} 
     4034 
    40234035.wp-format-status #titlewrap, 
    40244036.wp-format-image .wp-media-buttons .insert-media, 
    40254037.wp-format-audio .wp-media-buttons .insert-media, 
    body .ui-slider-tooltip { 
    40364048 
    40374049.wp-format-media-select { 
    40384050        display: block; 
    4039         height: 200px; 
     4051        height: 20px; 
     4052        padding: 55px 0 20px; 
    40404053        text-align: center; 
    40414054} 
    40424055 
    body .ui-slider-tooltip { 
    40454058        max-height: 100%; 
    40464059} 
    40474060 
    4048 .wp-format-media-select { 
    4049         height: 20px; 
    4050 } 
    4051  
    40524061.empty .wp-format-media-metaedit { 
    40534062        height: 20px; 
    40544063        display: block; 
  • wp-admin/includes/post-formats.php

    wp_nonce_field( 'show-post-format-ui_' . $post_type, 'show_post_format_ui_nonce' 
    3838                                ?> 
    3939                        </div> 
    4040                        <?php endif ?> 
    41                         <label for="wp_format_image"><?php 
    42                                 if ( current_user_can( 'unfiltered_html' ) ) 
    43                                         _e( 'Image HTML or URL' ); 
    44                                 else 
    45                                         _e( 'Image URL' ); 
    46                         ?></label> 
    47                         <textarea id="wp_format_image" type="text" name="_format_image" class="widefat"><?php esc_html_e( $format_meta['image'] ); ?></textarea> 
    4841                        <div data-format="image" class="wp-format-media-holder hide-if-no-js"> 
    4942                                <a href="#" class="wp-format-media-select" 
    5043                                        data-choose="<?php esc_attr_e( 'Choose an Image' ); ?>" 
    wp_nonce_field( 'show-post-format-ui_' . $post_type, 'show_post_format_ui_nonce' 
    5245                                        <?php _e( 'Select / Upload Image' ); ?> 
    5346                                </a> 
    5447                        </div> 
     48                        <div class="wp-format-image-textarea hide-if-js"> 
     49                                <label for="wp_format_image"><?php 
     50                                        if ( current_user_can( 'unfiltered_html' ) ) 
     51                                                _e( 'Image HTML or URL' ); 
     52                                        else 
     53                                                _e( 'Image URL' ); 
     54                                ?></label> 
     55                                <textarea id="wp_format_image" type="text" name="_format_image" class="widefat"><?php esc_html_e( $format_meta['image'] ); ?></textarea> 
     56                        </div> 
     57                        <p class="use-url-or-html hide-if-no-js"><span><?php printf( __( '(or %suse a photo URL or HTML%s)' ), '<a href="#">', '</a>' ); ?></span> 
     58                                <span style="display: none"><?php printf( __( '(or %sselect/upload an image%s)' ), '<a href="#">', '</a>' ); ?></span></p> 
    5559                </div> 
    5660 
    5761                <div class="field wp-format-link"> 
  • wp-admin/js/post-formats.js

    window.wp = window.wp || {}; 
    163163                        switchFormat( $( e.currentTarget ) ); 
    164164                } ); 
    165165 
     166                // Toggle select/upload and URL/HTML for images 
     167                $( '.use-url-or-html' ).on( 'click', 'a', function(e) { 
     168                        e.preventDefault(); 
     169                        $( '.wp-format-media-holder, .wp-format-image-textarea' ).toggle(); 
     170                        $(this).closest( 'p' ).find( 'span' ).toggle(); 
     171                }); 
     172 
    166173                // Media selection 
    167174                $( '.wp-format-media-select' ).click( function (e) { 
    168175                        e.preventDefault();