WordPress.org

Make WordPress Core

Ticket #30658: 30658.2.diff

File 30658.2.diff, 3.2 KB (added by helen, 6 years ago)
  • src/wp-admin/css/common.css

     
    954954        margin-right: 20px;
    955955}
    956956
     957.filter-items {
     958        float: left;
     959}
     960
    957961.filter-links {
    958962        display: inline-block;
    959963        margin: 0;
     
    988992}
    989993
    990994.wp-filter .search-form {
    991         margin: 10px;
    992         position: absolute;
    993         right: 0;
    994         top: 0;
     995        float: right;
     996        margin: 10px 0;
    995997}
    996998
    997999.wp-filter .search-form input[type="search"] {
    9981000        margin: 0;
    9991001        padding: 3px 5px;
    1000         max-width: 280px;
    1001         width: 100%;
     1002        width: 280px;
     1003        max-width: 100%;
    10021004        font-size: 16px;
    10031005        font-weight: 300;
    10041006        line-height: 1.5;
    10051007}
    10061008
    10071009.wp-filter .search-form select {
     1010        margin: 0;
    10081011        height: 33px;
    10091012        vertical-align: top;
    10101013}
     
    12061209}
    12071210
    12081211@media only screen and (max-width: 910px) {
     1212        .filter-items {
     1213                float: none;
     1214        }
     1215
    12091216        .wp-filter .search-form {
    12101217                float: none; /* Remove float from media-views.css */
    12111218                position: relative;
  • src/wp-admin/css/list-tables.css

     
    630630.wp-filter .view-switch {
    631631        display: inline-block;
    632632        vertical-align: middle;
    633         padding: 14px 0;
     633        padding: 15px 0;
    634634        margin: 0 20px 0 0;
    635635}
    636636
  • src/wp-admin/includes/class-wp-media-list-table.php

     
    165165                $views = $this->get_views();
    166166?>
    167167<div class="wp-filter">
    168         <?php $this->view_switcher( $mode ); ?>
     168        <div class="filter-items">
     169                <?php $this->view_switcher( $mode ); ?>
    169170
    170         <select class="attachment-filters" name="attachment-filter">
    171                 <?php
    172                 if ( ! empty( $views ) ) {
    173                         foreach ( $views as $class => $view ) {
    174                                 echo "\t$view\n";
     171                <select class="attachment-filters" name="attachment-filter">
     172                        <?php
     173                        if ( ! empty( $views ) ) {
     174                                foreach ( $views as $class => $view ) {
     175                                        echo "\t$view\n";
     176                                }
    175177                        }
    176                 }
    177                 ?>
    178         </select>
     178                        ?>
     179                </select>
    179180
    180181<?php
    181         $this->extra_tablenav( 'bar' );
     182                $this->extra_tablenav( 'bar' );
    182183
    183         /** This filter is documented in wp-admin/inclues/class-wp-list-table.php */
    184         $views = apply_filters( "views_{$this->screen->id}", array() );
     184                /** This filter is documented in wp-admin/inclues/class-wp-list-table.php */
     185                $views = apply_filters( "views_{$this->screen->id}", array() );
    185186
    186         // Back compat for pre-4.0 view links.
    187         if ( ! empty( $views ) ) {
    188                 echo '<ul class="filter-links">';
    189                 foreach ( $views as $class => $view ) {
    190                         echo "<li class='$class'>$view</li>";
     187                // Back compat for pre-4.0 view links.
     188                if ( ! empty( $views ) ) {
     189                        echo '<ul class="filter-links">';
     190                        foreach ( $views as $class => $view ) {
     191                                echo "<li class='$class'>$view</li>";
     192                        }
     193                        echo '</ul>';
    191194                }
    192                 echo '</ul>';
    193         }
    194195?>
     196        </div>
    195197
    196198        <div class="search-form">
    197199                <label for="media-search-input" class="screen-reader-text"><?php esc_html_e( 'Search Media' ); ?></label>