Skip to content

View recent searches in the issue search bar

Resources

FE @MadLittleMods | UX @cperessini

Description

  • View recent searches in the issue search bar.
  • This is just using the browser's local storage. So it does not need to be persisted to the system. If you use a different browser, if you delete your history, if you use a different device, you won't see the history. Those are features that are not in scope here.

Design

We'll add a "History" button to the left of the search bar that opens a dropdown.

  • The icon for the button is fa-history
  • The width of the dropdown is 320px
  • We show the 5 most recent searches
  • Search strings are shown in plain text, without the token style
  • Each recent search can take up to 2-3 lines (we'll decide what feels good when it's implemented)
  • If the search string is longer that those 2-3 lines, we cut it off with an ellipsis
  • The value side of the plain-text token uses font-weight:600
  • When clicking on a row, the search is performed. The previous search is replaced and the page reloads
  • Clear recent searches is a stretch goal
  • When there are no recent searches, a message shows up instead of the usual rows
Resting Selected Empty
ce_27262__new-filters-recent-searches--plain-text-long-multiline-bold ce_27262__new-filters-recent-searches--plain-text-long-multiline-bold-selected ce_27262__new-filters-recent-searches--no-recent-searches