2014652 - Add colors to Session History Diagram cells

Status: ASSIGNED

(DevTools :: General, enhancement, P3)

Description

[Andreas Farre [:farre]]

Attachment: spec-jake-diagram.png

The work for adding Jake Diagrams to DevTools in bug 2013007 skips adding colors to cells. Instead we should do it as a follow-up here.

The reason for having colors is so that we can more easily distinguish between session history entries that are cross document and or cross origin. Ideally it would also be helpful for a deeper nesting than 1. Spec limits diagram to be a top frame and it's subframes, whereas the DevTools Session History diagram goes the full depth. This can become a bit unwieldy, so any help to indicate what's happening would be a good thing. This should of course not cloud the already present features of visualizing history temporality.

Comment 1

[Andreas Farre [:farre]]

Attachment: Bug 2014652 - Add coloring scheme for Jake Diagrams. r=#devtools-reviewers!

Comment 2

[Nicolas Chevobbe [:nchevobbe]]

Note that it would be nice to not rely solely on colors to convey this information, so color-blind folks can still benefit from it.
We can have different patterns on the background, or maybe different simple shapes in the entry, before the name, or maybe just an index / some kind of hash
We could probably pair that with a "legend" that we would put under the table (or maybe even in a right sidebar so it's always visible)