Inline call-outs and/or errors do not clearly indicate between severity except for color

Identified in color audit gitlab-design#287 (closed)

Problem

Inline call-outs and/or errors do not clearly indicate between severity except for color. For example, the following banner could be informational or a warning, to find out you would need to read a considerable amount of text.

image

Origin

/admin/runners/1

Proposal

Include by default an indicator icon at the left side of the UI similar to:

image

We should have all icons ready except for info (though we can use a 190 degree turned status_warning_borderless to do a PoC with)

  • status_failed_borderless
  • status_warning_borderless
  • status_success_borderless
  • 180 degree turned status_warning_borderless
Edited Aug 20, 2020 by Andy Volpe
Assignee Loading
Time tracking Loading