1814855 - Better handle message when console output is narrow

Status: RESOLVED FIXED

(DevTools :: Console, enhancement)

Comment 1

[Nicolas Chevobbe [:nchevobbe]]

Attachment: Bug 1814855 - [devtools] Better message layout on narrow console output. r=bomsy.

First, we set the max-width of the message location in percentage
instead of vw, as the console output inline-size can be different
than the viewport one (e.g. when it is in editor mode).
We then turn the media query we had to hide the timestamp into a
container query, again, to take into account editor mode.
Finally, we place the location on its own row when the output is
narrow so the message text itself can still be readable.

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/20b7bd329af3
[devtools] Better message layout on narrow console output. r=bomsy.

Comment 3

[Marian-Vasile Laza]

https://hg.mozilla.org/mozilla-central/rev/20b7bd329af3