Add search to Organization settings

Peter Hegmanrequested to merge
505072-adapt-organization-settings-page-to-be-more-compliant-with-design-guidelines into master

What does this MR do and why?

Related to #505072 (closed)

The grouporganizations team is working on building Organizations. For more information see https://handbook.gitlab.com/handbook/engineering/architecture/design-documents/organization/

This MR adds search to the Organization settings. Similar to how search is added in Group and Project settings but the implementation is a bit different since the Organization settings are fully rendered with Vue.

References

Screenshots or screen recordings

Screen_Recording_2025-05-22_at_11.43.50_AM

Existing behavior still works

Places that use app/assets/javascripts/vue_shared/components/settings/settings_block.vue still work.

Screen_Recording_2025-05-22_at_11.46.48_AM

How to set up and validate locally

  1. Go to /rails/features and enable ui_for_organizations feature flag
  2. Go to /-/organizations/default/settings/general and use the search

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Peter Hegman

Merge request reports