1489442 - Wrap souce lines / media query line more intelligent to increase readibility

Status: NEW

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

Description

[Jens]

Attachment: Screenshot of not so good floating text

See the screenshot, 2 things:

1. Please wrap very long media query / source line so that there are 2 shorter lines instead of a very long one.

2. For readibility it would be great if single chars like `>` would always break to the new line (instead of trailing on another line very near to the media query / source line). Especially if the new line is rather short and it would fit well.
Something like "> [class=whatever]" would be a token to me that should be "display: inline-block". Some for ".i-am-a-selector-with-hyphens".

So from a layout or how text flows on the screen it's not optimal.

Comment 1

[Nicolas Chevobbe [:nchevobbe]]

Note that we plan to move the media query part above the selector in Bug 1747195, which will give us more room to display it.