Uploaded image for project: 'SonarQube'
  1. SonarQube
  2. SONAR-9225

Make all search bars consistent

    XMLWordPrintable

    Details

    • Type: Improvement
    • Status: Closed
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: None
    • Fix Version/s: 7.0
    • Component/s: UX/UI, Web
    • Labels:

      Description

      Today we have many different styles for the search bars in SonarQube

      Global Search Bar

      • Magnifying glass icon
      • Clear label "Search for xxx"
      • Hints inside the field "type at least 2 characters" etc...

      In a portfolio's project tab or a project's code tab

      • No border at all
      • Magnifying glass icon
      • Simple label "Search"
      • Hints inside the field but quite far away on the right

      In Portfolios

      • Grey border
      • No magnifying glass icon
      • Label "Search portfolios" (not "Search for portfolios")
      • Hints outside the field

      In Filter facets

      • Grey border with dropdown caret
      • Simple label "Search"
      • No magnifying glass icon
      • Hints outside the field in a combobox

      We should harmonize this search component so it always looks the same everywhere:

      • Grey border and border radius + white background
      • Magnifying glass always present
      • Labels should always start by "Search for ..."
      • Hints are always placed inside the field, on the right

      By the way, having a border will make the search fields more noticeable for portfolio's project tab and project's code tab (See SUPPORT-6128 )

        Attachments

          Activity

            People

            Assignee:
            stas.vilchik Stas Vilchik (Inactive)
            Reporter:
            laura.wacrenier Laura Wacrenier
            Votes:
            1 Vote for this issue
            Watchers:
            4 Start watching this issue

              Dates

              Due:
              Created:
              Updated:
              Resolved: