From 39622e2df5327b0484195851570dba355ced3ed3 Mon Sep 17 00:00:00 2001 From: Dombi Attila <83396+dombesz@users.noreply.github.com> Date: Tue, 3 Sep 2024 12:11:54 +0300 Subject: [PATCH] [#55234] Fix text filter width on project list https://community.openproject.org/work_packages/55234 --- app/components/projects/index_sub_header_component.html.erb | 2 ++ frontend/src/global_styles/primer/_overrides.sass | 4 ++++ 2 files changed, 6 insertions(+) diff --git a/app/components/projects/index_sub_header_component.html.erb b/app/components/projects/index_sub_header_component.html.erb index 7f3480e88675..478876ed5df1 100644 --- a/app/components/projects/index_sub_header_component.html.erb +++ b/app/components/projects/index_sub_header_component.html.erb @@ -8,6 +8,8 @@ icon: :search, size: :small }, + full_width: true, + input_width: :medium, show_clear_button: true, clear_button_id: clear_button_id, data: filter_input_data_attributes) diff --git a/frontend/src/global_styles/primer/_overrides.sass b/frontend/src/global_styles/primer/_overrides.sass index db99d3eeaa4e..a18285a22f05 100644 --- a/frontend/src/global_styles/primer/_overrides.sass +++ b/frontend/src/global_styles/primer/_overrides.sass @@ -81,6 +81,10 @@ sub-header, flex-direction: column row-gap: 1rem +#projects-index-sub-header + .FormControl-input-wrap.FormControl-input-width--medium + width: min(320px, 100vw - 2rem) + .Button.op-app-header--primer-button, .Button.op-app-header--primer-button .Button-visual color: var(--header-item-font-color)