You can see the DOM structure of these infobars here https://searchfox.org/mozilla-central/source/devtools/server/actors/highlighters/box-model.js#85-96. The CSS for the infobar also lives here https://searchfox.org/mozilla-central/source/devtools/server/actors/highlighters.css#142-161. The task here is to add an appropriate max width, "text-overflow: ellipsis", and the appropriate overflow and white-space properties. You can examine how we do it in codebase https://searchfox.org/mozilla-central/search?q=text-overflow%3A+ellipsis&path=devtools.
Bug 1521917 Comment 1 Edit History
Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.
You can see the DOM structure of these infobars here https://searchfox.org/mozilla-central/source/devtools/server/actors/highlighters/box-model.js#85-96. The CSS for the infobar also lives here https://searchfox.org/mozilla-central/source/devtools/server/actors/highlighters.css#142-161. The task here is to add an appropriate max width, text-overflow, overflow and white-space properties. You can examine how we do it in codebase https://searchfox.org/mozilla-central/search?q=text-overflow%3A+ellipsis&path=devtools.