From 89e202740643288e21273cb19108eb1dc8c6ec8e Mon Sep 17 00:00:00 2001 From: Colin Darie Date: Wed, 20 Nov 2024 15:58:27 +0100 Subject: [PATCH] style(filters): dynamic & larger width because we now have long column names --- app/assets/stylesheets/buttons.scss | 6 +++++- .../column_filter_component.html.haml | 2 +- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/buttons.scss b/app/assets/stylesheets/buttons.scss index 1293eb494..53fe0130c 100644 --- a/app/assets/stylesheets/buttons.scss +++ b/app/assets/stylesheets/buttons.scss @@ -374,7 +374,11 @@ ul.dropdown-items { padding: 2 * $default-spacer; &.large { - width: 340px; + width: 90vw; + + @media (min-width: 62em) { + width: 40vw; + } } ul { diff --git a/app/components/instructeurs/column_filter_component/column_filter_component.html.haml b/app/components/instructeurs/column_filter_component/column_filter_component.html.haml index c8b94293f..0558fce58 100644 --- a/app/components/instructeurs/column_filter_component/column_filter_component.html.haml +++ b/app/components/instructeurs/column_filter_component/column_filter_component.html.haml @@ -5,7 +5,7 @@ = current_filter_tags .fr-select-group - = label_tag :column, t('.column'), class: 'fr-label fr-m-0', id: 'instructeur-filter-combo-label', for: 'search-filter' + = label_tag :column, t('.column'), class: 'fr-label fr-mb-1w', id: 'instructeur-filter-combo-label', for: 'search-filter' %react-fragment = render ReactComponent.new "ComboBox/SingleComboBox", **filter_react_props