Closed Bug 1282730 Opened 8 years ago Closed 8 years ago

CSS Grid Layout panel

Categories

(DevTools :: Inspector, enhancement, P2)

49 Branch
enhancement

Tracking

(Not tracked)

RESOLVED DUPLICATE of bug 1181227

People

(Reporter: pbro, Unassigned)

References

(Blocks 1 open bug)

Details

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
Inspector bug triage (filter on CLIMBING SHOES).
Priority: -- → P2
(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.
Component: Developer Tools: CSS Rules Inspector → Developer Tools: Inspector
Summary: Inline visual editor for CSS Grids → CSS Grid Layout panel
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.
Status: NEW → RESOLVED
Closed: 8 years ago
Resolution: --- → DUPLICATE
Product: Firefox → DevTools
You need to log in before you can comment on or make changes to this bug.