diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css
index ba5d198da5..56c4bb8468 100644
--- a/src/wp-admin/css/common.css
+++ b/src/wp-admin/css/common.css
@@ -954,6 +954,10 @@ th.action-links {
margin-right: 20px;
}
+.filter-items {
+ float: left;
+}
+
.filter-links {
display: inline-block;
margin: 0;
@@ -988,23 +992,22 @@ th.action-links {
}
.wp-filter .search-form {
- margin: 10px;
- position: absolute;
- right: 0;
- top: 0;
+ float: right;
+ margin: 10px 0;
}
.wp-filter .search-form input[type="search"] {
margin: 0;
padding: 3px 5px;
- max-width: 280px;
- width: 100%;
+ width: 280px;
+ max-width: 100%;
font-size: 16px;
font-weight: 300;
line-height: 1.5;
}
.wp-filter .search-form select {
+ margin: 0;
height: 33px;
vertical-align: top;
}
@@ -1205,11 +1208,17 @@ th.action-links {
}
}
-@media only screen and (max-width: 910px) {
+@media only screen and (max-width: 1000px) {
+ .filter-items {
+ float: none;
+ }
+
+ .wp-filter .media-toolbar-primary,
+ .wp-filter .media-toolbar-secondary,
.wp-filter .search-form {
float: none; /* Remove float from media-views.css */
position: relative;
- margin: 20px 0;
+ max-width: 100%;
}
}
diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css
index 6feaa223ed..6e547968e9 100644
--- a/src/wp-admin/css/list-tables.css
+++ b/src/wp-admin/css/list-tables.css
@@ -630,7 +630,7 @@ classes exist in paginate_links() but not seen in list table output. */
.wp-filter .view-switch {
display: inline-block;
vertical-align: middle;
- padding: 14px 0;
+ padding: 15px 0;
margin: 0 20px 0 0;
}
diff --git a/src/wp-admin/css/media.css b/src/wp-admin/css/media.css
index 7bafb3bcec..c01b71f44e 100644
--- a/src/wp-admin/css/media.css
+++ b/src/wp-admin/css/media.css
@@ -1126,10 +1126,6 @@ audio, video {
*/
@media only screen and (max-width: 1120px) {
- .media-frame.mode-grid .attachments-browser .media-toolbar-secondary {
- float: none;
- }
-
/* override for media-views.css */
#wp-media-grid .wp-filter .attachment-filters {
max-width: 100%;
diff --git a/src/wp-admin/includes/class-wp-media-list-table.php b/src/wp-admin/includes/class-wp-media-list-table.php
index d397321fba..377e3c0201 100644
--- a/src/wp-admin/includes/class-wp-media-list-table.php
+++ b/src/wp-admin/includes/class-wp-media-list-table.php
@@ -165,33 +165,35 @@ class WP_Media_List_Table extends WP_List_Table {
$views = $this->get_views();
?>
- view_switcher( $mode ); ?>
+
+ view_switcher( $mode ); ?>
-
extra_tablenav( 'bar' );
+ $this->extra_tablenav( 'bar' );
- /** This filter is documented in wp-admin/inclues/class-wp-list-table.php */
- $views = apply_filters( "views_{$this->screen->id}", array() );
+ /** This filter is documented in wp-admin/inclues/class-wp-list-table.php */
+ $views = apply_filters( "views_{$this->screen->id}", array() );
- // Back compat for pre-4.0 view links.
- if ( ! empty( $views ) ) {
- echo '
';
- foreach ( $views as $class => $view ) {
- echo "- $view
";
+ // Back compat for pre-4.0 view links.
+ if ( ! empty( $views ) ) {
+ echo '';
+ foreach ( $views as $class => $view ) {
+ echo "- $view
";
+ }
+ echo '
';
}
- echo '
';
- }
?>
+
diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css
index ace9defdf1..ec696504b4 100644
--- a/src/wp-includes/css/media-views.css
+++ b/src/wp-includes/css/media-views.css
@@ -231,11 +231,13 @@
.media-toolbar-primary {
float: right;
height: 100%;
+ max-width: 33%;
}
.media-toolbar-secondary {
float: left;
height: 100%;
+ max-width: 66%;
}
.media-toolbar-primary > .media-button,
@@ -731,7 +733,8 @@
*/
.media-frame select.attachment-filters {
margin-top: 11px;
- margin-right: 10px;
+ margin-right: 2%;
+ max-width: 47%;
}
/**
@@ -746,8 +749,8 @@
-webkit-appearance: none;
}
-.media-toolbar-secondary .search {
- margin-right: 16px;
+.media-toolbar-primary .search {
+ max-width: 100%;
}
/**
@@ -2147,12 +2150,6 @@
font-family: Arial, sans-serif;
}
-@media only screen and (max-width: 940px) {
- .media-frame-content .media-toolbar-secondary .attachment-filters {
- max-width: 134px;
- }
-}
-
/**
* Responsive layout
*/
@@ -2346,11 +2343,6 @@
display: none;
}
- .media-modal .attachments-browser .media-toolbar-primary,
- .media-modal .attachments-browser .media-toolbar-secondary {
- width: 50%;
- }
-
.media-modal .attachments-browser .media-toolbar .search {
max-width: 100%;
height: auto;
@@ -2358,11 +2350,7 @@
}
.media-modal .attachments-browser .media-toolbar .attachment-filters {
- margin: 11px 0 0;
height: auto;
- max-width: 65%;
- max-width: -webkit-calc(100% - 38px);
- max-width: calc(100% - 38px);
}
.media-modal .attachments-browser .media-toolbar .spinner {
@@ -2466,10 +2454,6 @@
}
@media only screen and (max-width: 480px) {
- .media-frame-content .media-toolbar .attachment-filters {
- max-width: 90px;
- }
-
.media-modal-close {
top: 5px;
right: 5px;