diff --git a/core/themes/claro/css/components/views-exposed-form.css b/core/themes/claro/css/components/views-exposed-form.css index 04927e0c5e..bc2a55fa68 100644 --- a/core/themes/claro/css/components/views-exposed-form.css +++ b/core/themes/claro/css/components/views-exposed-form.css @@ -59,11 +59,14 @@ * * For (at least) Media Library, this file is typically inserted by AJAX add_css * command when the dialog is opened. - * Since the add_css command does not care about CSS asset dependecies - * (nor load order). It adds the required (but missing) libraries to the - * beginnig of the HTML uncondicionally (and thus make their selectors - * weaker than any else selectors in the preexisting assets), we have to double - * these selectors to get the expected output even for the Media Library modal. + * The AJAX add_css command always adds the missing-but-required CSS assets to + * the beginning of the HTML . + * Because of this, we cannot rely on the expected loading order of the + * CSS assets. + * This is why we have to double these selectors: we have to get the expected + * output even for the Media Library modal. + * + * @see https://www.drupal.org/node/1461322 */ .views-exposed-form.views-exposed-form { diff --git a/core/themes/claro/css/components/views-exposed-form.pcss.css b/core/themes/claro/css/components/views-exposed-form.pcss.css index 39aeb66c54..4c4aa77fc2 100644 --- a/core/themes/claro/css/components/views-exposed-form.pcss.css +++ b/core/themes/claro/css/components/views-exposed-form.pcss.css @@ -10,11 +10,14 @@ * * For (at least) Media Library, this file is typically inserted by AJAX add_css * command when the dialog is opened. - * Since the add_css command does not care about CSS asset dependecies - * (nor load order). It adds the required (but missing) libraries to the - * beginnig of the HTML uncondicionally (and thus make their selectors - * weaker than any else selectors in the preexisting assets), we have to double - * these selectors to get the expected output even for the Media Library modal. + * The AJAX add_css command always adds the missing-but-required CSS assets to + * the beginning of the HTML . + * Because of this, we cannot rely on the expected loading order of the + * CSS assets. + * This is why we have to double these selectors: we have to get the expected + * output even for the Media Library modal. + * + * @see https://www.drupal.org/node/1461322 */ .views-exposed-form.views-exposed-form { diff --git a/core/themes/claro/css/theme/media-library.pcss.css b/core/themes/claro/css/theme/media-library.pcss.css index f19f0dfef4..6af72d7a1a 100644 --- a/core/themes/claro/css/theme/media-library.pcss.css +++ b/core/themes/claro/css/theme/media-library.pcss.css @@ -192,7 +192,7 @@ } .media-library-views-form__header .form-item { - margin-right: 8px; + margin-right: 8px; /* @TODO RTL? */ } .media-library-views-form__rows { @@ -202,23 +202,6 @@ margin: 0 -8px; } -.media-library-view .form-actions { - align-self: flex-end; - margin: 0.75em 0; -} - -@media screen and (max-width: 600px) { - .media-library-view .form-actions { - flex-basis: 100%; - } -} - -.media-library-view .media-library-view--form-actions { - clear: left; - align-self: flex-end; - margin: 0.75em 0; -} - /** * Override the table display of the visually hidden labels. * @@ -247,6 +230,7 @@ text-align: left; } +.media-library-wrapper .media-library-view .view-filters, .media-library-wrapper .media-library-view .view-content { flex: 0 0 100%; }