1639052 - Polish for pseudoclass toggles

Status: RESOLVED FIXED

(DevTools :: Inspector: Rules, enhancement)

Description

[Victoria Wang [:victoria]]

Attachment: image.png

Follow up to this bug

We could tidy up the look a bit by putting the items into three columns and making some padding adjustments. Super rough css export below (added an empty flex item to the end but I'm sure there's a better way :D). The custom class toggles should be the same except for the 3 columns (probably varies too much for that).

/* rules.css | chrome://devtools/skin/rules.css */

.ruleview-reveal-panel label {
  width: 30%;
  line-height: 20px;
}

#pseudo-class-panel, #ruleview-class-panel .classes {
  padding: 4px 3px;
}

Comment 1

[Zac Svoboda :zacnomore]

Attachment: Bug 1639052 - Align pseudoclass toggles to columns r?jdescottes

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/eadea8a10f38
Align pseudoclass toggles to columns r=jdescottes

Comment 3

[Atila Butkovits]

https://hg.mozilla.org/mozilla-central/rev/eadea8a10f38