Merge pull request #16653 from opf/feature/55234-always-visible-text-…

…filter-in-project-list [#55234] Fix text filter width on project list
opf · Sep 9, 2024 · ad575e0 · ad575e0
2 parents dbe97fe + 4efeb7a
commit ad575e0
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
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,7 @@
                                     icon: :search,
                                     size: :small
                                   },
+                                  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
@@ -38,7 +38,7 @@
   label
     margin-bottom: 0
   input
-    border-radius: 6px
+    border-radius: var(--borderRadius-medium)
 
 action-menu
   anchored-position
@@ -81,6 +81,11 @@ sub-header,
       flex-direction: column
       row-gap: 1rem
 
+// Todo: Fix this as soon as possible in the primer repo!
+.SubHeader-leftPane
+  [class*="FormControl-input-width--"]:not(.FormControl-input-width--auto)
+    width: 100vw
+
 .Button.op-app-header--primer-button,
 .Button.op-app-header--primer-button .Button-visual
   color: var(--header-item-font-color)