diff --git a/app/components/projects/index_sub_header_component.html.erb b/app/components/projects/index_sub_header_component.html.erb index 7f3480e88675..b0913bbc70d6 100644 --- 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 index db99d3eeaa4e..cf3efc8b457b 100644 --- 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)