1541047 - Expand pseudo-elements dropdown in the rules inspector if section empty

Status: NEW

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

Description

[Cristian Fogel [:cfogel]]

Attachment: chromeVsFirefox.png

Affected versions

• 60.0.1(ESR), 66.0.1, 67.0b7, 68.0a1 (2019-04-02)

Affected platforms

• Windows 10, Ubuntu 16.04, macOS 10.14;

Steps to reproduce

1. Launch Firefox and access https://www.w3schools.com/css/tryit.asp?filename=trycss_firstline
2. Right click on the red text in the demo and click on the inspect option;
3. Bring the rules tab in focus if needed;

Actual result

• The Pseudo-elements section is collapsed;

Enhancement suggestion

• With space allowing it the Pseudo-elements section can be expanded and display its properties;
• If not for all cases, at least for the ones with no actual properties to be in effect;
• For the example in case, it would make sense since at first glimpse the red color origin would be better visible;

Regression range

• not a regression;

Additional notes

• attached screenshot with the difference between Chrome and Firefox;
• fwiw, Edge treats it as in the suggestion, expanding the pseudo-class from the get go.