Skip to content

Global Search - Update Apply Button

Zack Cuddy requested to merge 341426-update-global-search-apply-button into master

What does this MR do and why?

Closes #341426 (closed)

  • Disable the Apply button by default, and enable it once a user has modified a facet selection
  • Increase the Apply button to use the default (btn-med) size

This change does the above 2 things. The interactions are managed via a sidebarDirty flag in the Vuex store that tracks when a user has interacted with the sidebar.

Screenshots or screen recordings

Before After - Disabled After - Enabled
Before After_-_Disabled After_-_Enabled

Videos

From "Any" State From "Selected" State
From_Any_State From_Selected_State

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

  1. Navigate to the Global Search page (ex. http://127.0.0.1:3000/search)
  2. Search for a term (ex. Voluptas quod)
  3. Switch the Search Scope to Issues
  4. Note the sidebar Apply button is disabled
  5. Change a filter on the sidebar
  6. Ensure the Apply button switches to enabled

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #341426 (closed)

Edited by Zack Cuddy

Merge request reports