1430471 - Display grid-template-areas value on multiple lines in the rules view

Status: RESOLVED FIXED

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

Description

[mike]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36

Steps to reproduce:

The CSS Grid spec allows for you to create grid-template-areas in an ascii-art style matrix.


Actual results:

The issue is that when displaying the value for this property, devtools will output this onto one line. The same problem can also be caused by CSS minification . 
  


Expected results:

A proper solution would be to show each string on its own line, when displaying rules for grid-template-areas.

Comment 1

[mike]

Helpful links:
MDN Docs for grid-template-areas: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas
Codepen to mess around with: https://codepen.io/rachelandrew/pen/oXKgoQ

Comment 2

[Raphaël Ferrand]

Attachment: Bug 1430471 - [devtools] Display grid-template-areas value on multiple lines. r?nchevobbe

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/1a397692ab31
[devtools] Display grid-template-areas value on multiple lines. r=nchevobbe

Comment 4

[Sandor Molnar[:smolnar]]

https://hg.mozilla.org/mozilla-central/rev/1a397692ab31