Changeset 46418
- Timestamp:
- 10/07/2019 12:41:50 PM (5 years ago)
- Location:
- trunk/src
- Files:
-
- 8 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/src/js/media/views/attachments/browser.js
r46375 r46418 349 349 // Search is an input, a visually hidden label element needs to be rendered before. 350 350 this.toolbar.set( 'searchLabel', new wp.media.view.Label({ 351 value: l10n.searchMediaLabel, 351 value: l10n.searchLabel, 352 className: 'media-search-input-label', 352 353 attributes: { 353 354 'for': 'media-search-input' -
trunk/src/js/media/views/button/select-mode-toggle.js
r45147 r46418 58 58 children.not( '.spinner, .media-button' ).hide(); 59 59 this.$el.show(); 60 toolbar.$el.addClass( 'media-toolbar-mode-select' ); 60 61 toolbar.$( '.delete-selected-button' ).removeClass( 'hidden' ); 61 62 } else { … … 66 67 this.controller.content.get().$el.removeClass( 'fixed' ); 67 68 toolbar.$el.css( 'width', '' ); 69 toolbar.$el.removeClass( 'media-toolbar-mode-select' ); 68 70 toolbar.$( '.delete-selected-button' ).addClass( 'hidden' ); 69 71 children.not( '.media-button' ).show(); -
trunk/src/js/media/views/search.js
r46239 r46418 1 var l10n = wp.media.view.l10n, 2 Search; 1 var Search; 3 2 4 3 /** … … 18 17 19 18 attributes: { 20 type: 'search', 21 placeholder: l10n.searchMediaPlaceholder 19 type: 'search' 22 20 }, 23 21 -
trunk/src/wp-admin/css/common.css
r46411 r46418 3986 3986 margin-bottom: 20px; /* Add margins beneath links for better spacing between boxes and elements */ 3987 3987 } 3988 3989 .wp-filter .search-form input[type="search"] { 3990 font-size: 1rem; 3991 } 3988 3992 } 3989 3993 -
trunk/src/wp-admin/css/media.css
r46359 r46418 539 539 .media-frame.mode-grid .media-toolbar select { 540 540 margin: 0 10px 0 0; 541 font-size: 14px;542 541 } 543 542 … … 556 555 } 557 556 558 .media-frame.mode-grid .spinner { 559 margin-top: 16px; 557 .media-search-input-label { 558 margin: 0 .2em 0 0; 559 vertical-align: baseline; 560 } 561 562 .media-frame.mode-grid .media-search-input-label { 563 position: static; 564 margin: 0 .5em 0 0; 560 565 } 561 566 -
trunk/src/wp-admin/includes/class-wp-media-list-table.php
r45932 r46418 271 271 272 272 <div class="search-form"> 273 <label for="media-search-input" class=" screen-reader-text"><?php esc_html_e( 'Search Media' ); ?></label>274 <input type="search" placeholder="<?php esc_attr_e( 'Search media items...' ); ?>"id="media-search-input" class="search" name="s" value="<?php _admin_search_query(); ?>"></div>273 <label for="media-search-input" class="media-search-input-label"><?php esc_html_e( 'Search' ); ?></label> 274 <input type="search" id="media-search-input" class="search" name="s" value="<?php _admin_search_query(); ?>"></div> 275 275 </div> 276 276 <?php -
trunk/src/wp-includes/css/media-views.css
r46375 r46418 311 311 float: right; 312 312 height: 100%; 313 position: relative; 313 314 } 314 315 … … 871 872 */ 872 873 .media-frame .search { 873 margin -top: 32px;874 margin: 32px 0 0; 874 875 padding: 4px; 875 876 font-size: 13px; … … 881 882 .media-toolbar-primary .search { 882 883 max-width: 100%; 884 } 885 886 .media-frame .media-search-input-label { 887 position: absolute; 888 left: 0; 889 top: 10px; 890 margin: 0; 891 line-height: 1; 883 892 } 884 893 … … 1166 1175 } 1167 1176 1177 .mode-grid .attachments-browser .media-toolbar-primary { 1178 display: flex; 1179 align-items: center; 1180 } 1181 1182 .mode-grid .attachments-browser .media-toolbar-mode-select .media-toolbar-primary { 1183 display: none; 1184 } 1185 1168 1186 .attachments-browser .media-toolbar-secondary { 1169 1187 max-width: 66%; … … 1651 1669 } 1652 1670 1671 .media-frame.mode-grid .spinner { 1672 margin: 0; 1673 float: none; 1674 vertical-align: middle; 1675 } 1676 1677 .media-modal .media-toolbar .spinner { 1678 float: none; 1679 vertical-align: bottom; 1680 margin: 0 0 5px 5px; 1681 } 1682 1653 1683 .media-frame .spinner.is-active { 1654 1684 visibility: visible; 1655 }1656 1657 .media-toolbar .spinner {1658 margin-top: 14px;1659 1685 } 1660 1686 … … 2494 2520 } 2495 2521 2522 .media-frame .media-toolbar input[type="search"] { 2523 line-height: 2.25; /* 36px */ 2524 } 2525 2496 2526 .media-sidebar .setting select.columns, 2497 2527 .attachment-details .setting select.columns { … … 2503 2533 .media-frame .search { 2504 2534 padding: 3px 6px; 2535 } 2536 2537 .wp-admin .media-frame select { 2538 min-height: 40px; 2539 font-size: 16px; 2540 line-height: 1.625; 2541 padding: 5px 24px 5px 8px; 2505 2542 } 2506 2543 … … 2589 2626 .media-modal .attachments-browser .media-toolbar .attachment-filters { 2590 2627 height: auto; 2591 }2592 2593 .media-modal .attachments-browser .media-toolbar .spinner {2594 margin: 14px 2px 0;2595 2628 } 2596 2629 … … 2608 2641 2609 2642 .media-frame .media-toolbar input[type="search"] { 2610 line-height: 1.625; /* 26px */ 2643 line-height: 2.3755; /* 38px */ 2644 } 2645 2646 .media-modal .media-toolbar .spinner { 2647 margin-bottom: 10px; 2611 2648 } 2612 2649 } … … 2622 2659 } 2623 2660 2624 .media-frame .media-toolbar input[type="search"] {2625 line-height: 2.25; /* 36px */2626 }2627 2628 2661 .media-frame-toolbar .media-toolbar { 2629 2662 bottom: -48px; 2663 } 2664 } 2665 2666 @media screen and (max-width: 782px) { 2667 .mode-grid .attachments-browser .media-toolbar-primary { 2668 display: block; 2630 2669 } 2631 2670 } -
trunk/src/wp-includes/media.php
r46376 r46418 3849 3849 'filterByDate' => __( 'Filter by date' ), 3850 3850 'filterByType' => __( 'Filter by type' ), 3851 'searchMediaLabel' => __( 'Search Media' ), 3852 'searchMediaPlaceholder' => __( 'Search media items...' ), // placeholder (no ellipsis) 3851 'searchLabel' => __( 'Search' ), 3852 'searchMediaLabel' => __( 'Search Media' ), // backwards compatibility pre-5.3 3853 'searchMediaPlaceholder' => __( 'Search media items...' ), // placeholder (no ellipsis), backwards compatibility pre-5.3 3853 3854 'mediaFound' => __( 'Number of media items found: %d' ), 3854 3855 'mediaFoundHasMoreResults' => __( 'Number of media items displayed: %d. Scroll the page for more results.' ),
Note: See TracChangeset
for help on using the changeset viewer.