2014679 - Add something to indicate nesting of entries in Session History diagram

Status: NEW

(DevTools :: General, enhancement, P3)

Description

[Andreas Farre [:farre]]

This is very open-ended, but what's needed is a way to notice in a session history diagram with a deeper nesting than 1 which cell is the parent of another.

One way of doing this is to relax the max-width requirement of colums to allow first cells in nested rows to have their button offset a tiny bit to the right. Imagine we have this diagram:

  // +------------------+------------------+------------------+
  // |        0         |        1         |        2         |
  // +------------------+------------------+------------------+
  // | index.html                                             |
  // +------------------+------------------+------------------+
  // | iframe.html      | iframe.html?1                       |
  // +------------------+------------------+------------------+
  // | iframe.html                         | iframe.html?2    |
  // +------------------+------------------+------------------+

With the offset idea, this would instead be:

  // +------------------+------------------+------------------+
  // |        0         |        1         |        2         |
  // +------------------+------------------+------------------+
  // | index.html                                             |
  // +------------------+------------------+------------------+
  // |   iframe.html    | iframe.html?1                       |
  // +------------------+------------------+------------------+
  // |   iframe.html                       | iframe.html?2    |
  // +------------------+------------------+------------------+

With deeper nesting it becomes:

  // +--------------------------+------------------+------------------+
  // |        0                 |        1         |        2         |
  // +--------------------------+------------------+------------------+
  // | index.html                                                     |
  // +--------------------------+------------------+------------------+
  // |   iframe.html            | iframe.html?1                       |
  // +--------------------------+------------------+------------------+
  // |     nested_iframe.html                                         |
  // +--------------------------+------------------+------------------+
  // |   iframe.html                               | iframe.html?2    |
  // +--------------------------+------------------+------------------+