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

Improve tick and cross icons affordances

    XMLWordPrintable

    Details

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

      Description

      Tick and cross icons (V for ok and X for not ok) have affordances problems.

      They used to be red and green, but then users mistakenly thought it was possible to click on them. We changed that when working on the System Info page.

      Indeed red icons were confused with the "delete" icon button used in various places in SonarQube.

      In their black version they are still mistaken for UI clickable elements. Probably because they still share the same size and stroke-weight as the icon buttons.

      Possible solutions:

      • Bringing back the color and making them thinner and smaller might do the job.
      • Using badges "Failed" and "Passed" for the webhook deliveries
      • Use same icons as in field validation

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              gregoire.aubert Gregoire Aubert
              Reporter:
              laura.wacrenier Laura Wacrenier
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Dates

                Due:
                Created:
                Updated:
                Resolved: