Make WordPress Core

Ticket #28897: 28897.patch

File 28897.patch, 6.5 KB (added by afercia, 10 years ago)
  • src/wp-includes/class-wp-editor.php

     
    14181418                                        <label><span>&nbsp;</span><input type="checkbox" id="link-target-checkbox" /> <?php _e( 'Open link in a new window/tab' ); ?></label>
    14191419                                </div>
    14201420                        </div>
    1421                         <p class="howto" id="wp-link-search-toggle"><?php _e( 'Or link to existing content' ); ?></p>
     1421                        <p class="howto"><a href="#" id="wp-link-search-toggle"><?php _e( 'Or link to existing content' ); ?></a></p>
    14221422                        <div id="search-panel">
    14231423                                <div class="link-search-wrapper">
    14241424                                        <label>
     
    14271427                                                <span class="spinner"></span>
    14281428                                        </label>
    14291429                                </div>
    1430                                 <div id="search-results" class="query-results">
     1430                                <div id="search-results" class="query-results" tabindex="0">
    14311431                                        <ul></ul>
    14321432                                        <div class="river-waiting">
    14331433                                                <span class="spinner"></span>
    14341434                                        </div>
    14351435                                </div>
    1436                                 <div id="most-recent-results" class="query-results">
    1437                                         <div class="query-notice"><em><?php _e( 'No search term specified. Showing recent items.' ); ?></em></div>
     1436                                <div id="most-recent-results" class="query-results" tabindex="0">
     1437                                        <div class="query-notice" id="query-notice-message">
     1438                                                <em class="query-notice-default"><?php _e( 'No search term specified. Showing recent items.' ); ?></em>
     1439                                                <em class="query-notice-hint screen-reader-text"><?php _e( 'Search or use up and down arrow keys to select an item.' ); ?></em>
     1440                                        </div>
    14381441                                        <ul></ul>
    14391442                                        <div class="river-waiting">
    14401443                                                <span class="spinner"></span>
     
    14431446                        </div>
    14441447                </div>
    14451448                <div class="submitbox">
     1449                        <div id="wp-link-cancel">
     1450                                <a class="submitdelete deletion" href="#"><?php _e( 'Cancel' ); ?></a>
     1451                        </div>
    14461452                        <div id="wp-link-update">
    14471453                                <input type="submit" value="<?php esc_attr_e( 'Add Link' ); ?>" class="button button-primary" id="wp-link-submit" name="wp-link-submit">
    14481454                        </div>
    1449                         <div id="wp-link-cancel">
    1450                                 <a class="submitdelete deletion" href="#"><?php _e( 'Cancel' ); ?></a>
    1451                         </div>
    14521455                </div>
    14531456                </form>
    14541457                </div>
  • src/wp-includes/css/editor.css

     
    7979}
    8080
    8181.mce-textbox,
    82 .mce-checkbox i.mce-i-checkbox {
     82.mce-checkbox i.mce-i-checkbox,
     83#wp-link .query-results {
    8384        border: 1px solid #ddd;
    8485        -webkit-border-radius: 0;
    8586        border-radius: 0;
     
    9192
    9293.mce-textbox:focus,
    9394.mce-textbox.mce-focus,
    94 .mce-checkbox:focus i.mce-i-checkbox {
     95.mce-checkbox:focus i.mce-i-checkbox,
     96#wp-link .query-results:focus {
    9597        border-color: #5b9dd9;
    9698        -webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8);
    9799        box-shadow: 0 0 2px rgba(30,140,190,0.8);
     
    11341136        margin: 3px 0;
    11351137}
    11361138
     1139#wp-link p.howto a {
     1140        text-decoration: none;
     1141        color: inherit;
     1142}
     1143
    11371144#wp-link-search-toggle {
    11381145        cursor: pointer;
    11391146}
     
    11971204        top: 205px;
    11981205}
    11991206
    1200 #wp-link li,
    1201 #wp-link .query-notice {
     1207#wp-link li {
    12021208        clear: both;
    12031209        margin-bottom: 0;
    12041210        border-bottom: 1px solid #f1f1f1;
    12051211        color: #333;
    1206         padding: 4px 6px;
     1212        padding: 4px 6px 4px 10px;
    12071213        cursor: pointer;
    12081214        position: relative;
    12091215}
    12101216
     1217#wp-link .query-notice {
     1218        padding: 0;
     1219        border-bottom: 1px solid #dfdfdf;
     1220        background-color: #f7fcfe;
     1221        color: #000;
     1222}
     1223
     1224#wp-link .query-notice .query-notice-default,
     1225#wp-link .query-notice .query-notice-hint {
     1226        display: block;
     1227        padding: 6px;
     1228        border-left: 4px solid #2ea2cc;
     1229}
     1230
     1231#wp-link .unselectable.no-matches-found {
     1232        padding: 0;
     1233        border-bottom: 1px solid #dfdfdf;
     1234        background-color: #fef7f1;
     1235}
     1236
     1237#wp-link .no-matches-found .item-title {
     1238        display: block;
     1239        padding: 6px;
     1240        border-left: 4px solid #d54e21;
     1241}
     1242
     1243#wp-link .query-results em {
     1244        font-style: normal;
     1245}
     1246
    12111247#wp-link li:hover {
    12121248        background: #eaf2fa;
    12131249        color: #151515;
     
    12841320
    12851321#wp-link-cancel {
    12861322        line-height: 25px;
     1323        float: left;
    12871324}
    12881325
    12891326#wp-link-update {
  • src/wp-includes/js/wplink.js

     
    3131                        rivers.recent = new River( $( '#most-recent-results' ) );
    3232                        rivers.elements = inputs.dialog.find( '.query-results' );
    3333
     34                        // Get search notice text
     35                        inputs.queryNotice = $( '#query-notice-message' );
     36                        inputs.queryNoticeTextDefault = inputs.queryNotice.find( '.query-notice-default' );
     37                        inputs.queryNoticeTextHint = inputs.queryNotice.find( '.query-notice-hint' );
     38
    3439                        // Bind event handlers
    3540                        inputs.dialog.keydown( wpLink.keydown );
    3641                        inputs.dialog.keyup( wpLink.keyup );
     
    4348                                wpLink.close();
    4449                        });
    4550
    46                         $( '#wp-link-search-toggle' ).click( wpLink.toggleInternalLinking );
     51                        $( '#wp-link-search-toggle' ).on( 'click', wpLink.toggleInternalLinking );
    4752
    4853                        rivers.elements.on( 'river-select', wpLink.updateFields );
    4954
     55                        // Display 'hint' message when search field or 'query-results' box are focused
     56                        inputs.search.add( rivers.elements ).on( 'focus.wplink', function() {
     57                                inputs.queryNoticeTextDefault.hide();
     58                                inputs.queryNoticeTextHint.removeClass( 'screen-reader-text' ).show();
     59                        } ).on( 'blur.wplink', function() {
     60                                inputs.queryNoticeTextDefault.show();
     61                                inputs.queryNoticeTextHint.addClass( 'screen-reader-text' ).hide();
     62                        } );
     63
    5064                        inputs.search.keyup( function() {
    5165                                var self = this;
    5266
     
    335349                        } else if ( key.TAB === event.keyCode ) {
    336350                                id = event.target.id;
    337351
     352                                // wp-link-submit must always be the last focusable element in the dialog.
     353                                // following focusable elements will be skipped on keyboard navigation.
    338354                                if ( id === 'wp-link-submit' && ! event.shiftKey ) {
    339355                                        inputs.close.focus();
    340356                                        event.preventDefault();
     
    387403                        };
    388404                },
    389405
    390                 toggleInternalLinking: function() {
     406                toggleInternalLinking: function( event ) {
    391407                        var visible = inputs.wrap.hasClass( 'search-panel-visible' );
    392408
    393409                        inputs.wrap.toggleClass( 'search-panel-visible', ! visible );
    394410                        setUserSetting( 'wplink', visible ? '0' : '1' );
    395411                        inputs[ ! visible ? 'search' : 'url' ].focus();
     412                        event.preventDefault();
    396413                }
    397414        };
    398415
     
    502519
    503520                        if ( ! results ) {
    504521                                if ( firstPage ) {
    505                                         list += '<li class="unselectable"><span class="item-title"><em>' +
     522                                        list += '<li class="unselectable no-matches-found"><span class="item-title"><em>' +
    506523                                                wpLinkL10n.noMatchesFound + '</em></span></li>';
    507524                                }
    508525                        } else {