1282730 - CSS Grid Layout panel

Status: RESOLVED DUPLICATE of bug 1181227

(DevTools :: Inspector, enhancement, P2)

Description

[Patrick Brosset <:pbro>]

Bug 1181227 adds support for CSS Grids in devtools.

Part of this means we need a way to highlight grids in the page, but another part means being able to toggle the highlighter, and choose what exactly is being shown in the page.

An inline editor in the rule-view seems like the best solution to this problem since that's the common pattern we're using from now for these types of things.

In this particular case, the panel should probably expand below 'display:grid;' properties.

The panel should offer ways to:
- highlight/unhighlight the grid
- choose if line names and numbers are displayed
- choose if track breadth and line offsets are displayed
- choose if areas are displayed
- and if lines extend to the whole viewport or stay constrained to the implicit grid

Comment 1

[Patrick Brosset <:pbro>]

Inspector bug triage (filter on CLIMBING SHOES).

Comment 2

[Patrick Brosset <:pbro>]

(In reply to Patrick Brosset <:pbro> from comment #0)
> An inline editor in the rule-view seems like the best solution to this
> problem since that's the common pattern we're using from now for these types
> of things.
This isn't what this bug is about now. We want this tool to be inside the Layout sidebar panel instead of inline in the rule-view.

Comment 3

[Gabriel Luong [:gl] (ΦωΦ)]

Marking this as duplicate of Bug 1181227. We will be using 1181227 to be tracking all work related to CSS Grid Inspector including the Layout sidebar panel.