SAST report rendering is broken with long filenames

Description

In SAST MR widget, if the filenames are too long, the layout is broken:

(source)

We should truncate filenames, or let the user scroll horizontally (suggestions).

Proposal

  • If all the components of the row can fit in one line, they should be displayed in one line
  • If all the components can't fit in one line, items should be moved to the line below, starting from the right
  • If an individual string is too long and can't fit in one line by itself, it should be moved to its own row and wrap
  • The icon and the first string should always be on the same line
  • When a string is moved down, it should be indented so it is aligned with the first line, not the icon
  • Auxiliary words like should be displayed on the same line as the element they complement. For example, when wrapping is neccesary Vulnerability *in* path should become
Vulnerability
*in* path

Attached are examples of what each type of report should look like when their strings are too long to fit in one line.

/cc @bikebilly & @filipa

Edited Feb 21, 2018 by Chris Peressini
Assignee Loading
Time tracking Loading