From c0d9fea512b51ff393eb4cafbc81372df5b8b744 Mon Sep 17 00:00:00 2001 From: Gary Pendergast Date: Wed, 4 Nov 2015 23:42:38 +0000 Subject: [PATCH] Media Library: After [35499], increase the specificity of our selectors so that they don't cause problems for the `wp-admin` Media Library page. Props aaronrutley. Fixes #32005. git-svn-id: https://develop.svn.wordpress.org/trunk@35532 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-includes/css/media-views.css | 38 ++++++++++++++++++++++------- 1 file changed, 29 insertions(+), 9 deletions(-) diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css index 096f530c50..e685517054 100644 --- a/src/wp-includes/css/media-views.css +++ b/src/wp-includes/css/media-views.css @@ -216,6 +216,30 @@ -webkit-font-smoothing: subpixel-antialiased; } +.media-modal-content .media-frame select.attachment-filters { + margin-top: 11px; + margin-right: 2%; + width: 42%; + width: -webkit-calc(48% - 12px); + width: calc(48% - 12px); +} + +.media-modal-content .attachments-browser .media-toolbar-secondary { + width: 66%; +} + +.media-modal-content .media-toolbar-primary.search-form { + width: 33%; +} + +.media-modal-content .media-toolbar-primary .media-button { + float: right; +} + +.media-modal-content .attachments-browser .search { + width: 100%; +} + /* higher specificity */ .wp-core-ui .media-modal-icon { background-image: url(../images/uploader-icons.png); @@ -752,9 +776,9 @@ .media-frame select.attachment-filters { margin-top: 11px; margin-right: 2%; - width: 42%; - width: -webkit-calc(48% - 12px); - width: calc(48% - 12px); + max-width: 42%; + max-width: -webkit-calc(48% - 12px); + max-width: calc(48% - 12px); } .media-frame select.attachment-filters:last-of-type { @@ -1081,15 +1105,11 @@ } .attachments-browser .media-toolbar-primary { - width: 33%; + max-width: 33%; } .attachments-browser .media-toolbar-secondary { - width: 66%; -} - -.attachments-browser .search { - width: 100%; + max-width: 66%; } .uploader-inline .close {