[#55234] Fix text filter width on project list

https://community.openproject.org/work_packages/55234
opf · Sep 6, 2024 · 98fd24b · 98fd24b
1 parent 1e067bb
commit 98fd24b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git 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
@@ -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)