Open Bug 1553312 Opened 5 years ago Updated 2 years ago

Show the names of implicit grid areas in the CSS Grid Inspector

Categories

(DevTools :: Inspector: Layout, enhancement, P3)

65 Branch
enhancement

Tracking

(Not tracked)

People

(Reporter: mtigley, Unassigned)

References

(Blocks 1 open bug, )

Details

Attachments

(1 file)

Attached image image.png

This is a follow-up bug for Bug 1526975. This will address showing the area named for implicit areas in the CSS Grid Inspector's highlighter. Currently, we only show the names for explicit grid areas.

The mentioned bug contained discussions around how this could look. For representing both explicit and implicit names:

    explicit grid => solid outline
    implicit grid => dashed outline
    both implicit and explicit with same name => both outlines, inner solid, outer dashed
    both implicit and explicit with different name => stacking as in Victorias attachment
Summary: Show implicit grid areas in the CSS Grid Inspector → Show the names of implicit grid areas in the CSS Grid Inspector
Type: defect → enhancement
Priority: -- → P3

Here's a test case for implicit areas created by naming grid lines: https://jsfiddle.net/SebastianZ/myk5az82/

Sebastian

Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: