OEL-2527: Fixed long filter badges in list pages.

openeuropa · Jun 4, 2024 · 32d90ad · 32d90ad
1 parent 1e7e7b8
commit 32d90ad
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/resources/sass/components/_list_pages.scss b/resources/sass/components/_list_pages.scss
@@ -1,3 +1,9 @@
+.selected-filters-block .badge {
+  text-align: left;
+  white-space: normal;
+  line-height: var(--bs-body-line-height);
+}
+
 .oe-list-pages-sort-form {
   display: flex;
   justify-content: flex-end;

diff --git a/templates/list_pages/node--oe-list-page--full.html.twig b/templates/list_pages/node--oe-list-page--full.html.twig
@@ -34,7 +34,7 @@
           {{ content['extra_field_oe_list_page_selected_filters:node:oe_list_page']|merge({'#theme': 'field__bare'}) }}
         {% endset %}
         {% if selected_filters|trim is not empty %}
-          <div class="col-md-12 order-md-2 mt-3">
+          <div class="col-md-12 order-md-2 mt-3 selected-filters-block">
             {{ selected_filters }}
           </div>
         {% endif %}

diff --git a/templates/overrides/search/block--facets-summary-block.html.twig b/templates/overrides/search/block--facets-summary-block.html.twig
@@ -18,7 +18,7 @@
       </div>
     {% endif %}
     {{ title_suffix }}
-    <div class="col-md-12 order-md-2 mt-3">
+    <div class="col-md-12 order-md-2 mt-3 selected-filters-block">
       {{ content }}
     </div>
   {% endapply %}