Ticket #29556: 29556.5.diff

src/wp-includes/css/media-views.css

@@ -2148 +2148 @@
 }
 
 @media only screen and (max-width: 940px) {
-        .media-frame-content .media-toolbar-primary .search,
         .media-frame-content .media-toolbar-secondary .attachment-filters {
                 max-width: 134px;
         }
@@ -2467 +2466 @@
 }
 
 @media only screen and (max-width: 480px) {
-        .media-frame-content .media-toolbar .search,
         .media-frame-content .media-toolbar .attachment-filters {
                 max-width: 90px;
         }

src/wp-admin/theme-install.php

@@ -145 +145 @@
                 <?php
                 $feature_list = get_theme_feature_list();
                 foreach ( $feature_list as $feature_name => $features ) {
-                        if ( $feature_name === 'Features' || $feature_name === __( 'Features' ) ) { // hack hack hack
-                                echo '<div class="filter-group wide">';
-                        } else {
-                                echo '<div class="filter-group">';
-                        }
+                        echo '<div class="filter-group">';
                         $feature_name = esc_html( $feature_name );
                         echo '<h4>' . $feature_name . '</h4>';
                         echo '<ol class="feature-group">';

src/wp-admin/css/themes.css

@@ -31 +31 @@
         top: -2px;
         left: 20px;
         margin: 0;
-        width: 280px;
+        max-width: 280px;
+        width: 100%;
         font-size: 16px;
         font-weight: 300;
         line-height: 1.5;
@@ -1720 +1721 @@
         .theme-install-overlay .wp-full-overlay-main {
                 background-image: url(../images/spinner-2x.gif);
         }
+
+        .theme-install-overlay .wp-full-overlay-header .theme-install {
+                margin-top: 2px;
+        }
 }
 
 @media screen and ( max-width: 782px ) {

src/wp-admin/css/common.css

@@ -983 +983 @@
 }
 
 .wp-filter .search-form {
-        float: right;
-        margin-top: 9px;
+        margin: 10px;
+        position: absolute;
+        right: 0;
+        top: 0;
 }
 
 .wp-filter .search-form input[type="search"] {
         margin: 0;
         padding: 3px 5px;
-        width: 280px;
+        max-width: 280px;
+        width: 100%;
         font-size: 16px;
         font-weight: 300;
         line-height: 1.5;
@@ -1049 +1052 @@
 .show-filters .filter-drawer {
         display: block;
         overflow: hidden;
+        width: 100%;
 }
 
 .show-filters .wp-filter .drawer-toggle:hover,
@@ -1079 +1083 @@
         float: left;
         margin: 0 1% 0 0;
         padding: 10px;
-        width: 19%;
+        width: 24%;
         background: #fff;
         border: 1px solid #e5e5e5;
         -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
         box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 }
 
-.filter-group.wide {
-        width: 38%;
-}
-
 .filter-group h4 {
         position: relative;
         margin: 0;
@@ -1185 +1185 @@
 }
 
 @media only screen and (max-width: 1120px) {
-        .wp-filter .search-form {
-                float: none;
-                margin: 20px 0;
-        }
-
         .filter-drawer {
                 border-bottom: 1px solid #eee;
         }
@@ -1205 +1200 @@
         }
 }
 
+@media only screen and (max-width: 910px) {
+        .wp-filter .search-form {
+                float: none; /* Remove float from media-views.css */
+                position: relative;
+                margin: 20px 0;
+        }
+}
+
 @media only screen and (max-width: 782px) {
-        .filter-group,
         .filter-group li {
+                padding: 0;
+                width: 50%;
+        }
+}
+
+@media only screen and (max-width: 320px) {
+        .filter-count {
+                display: none;
+        }
+
+        .wp-filter .drawer-toggle {
+                margin: 10px 0;
+        }
+
+        .filter-group li,
+        .wp-filter .search-form input[type="search"] {
                 width: 100%;
         }
-
 }
 
 /*------------------------------------------------------------------------------