I’m working on some debugging logging prettification and I noticed that when you do longer chunks of styled text, the console tends to add line breaks. I wonder if I can prevent this behavior. Maybe there’s something in the styles that could prevent it elegantly?
Here’s an example:
const cssHeadField = `border-bottom: 1px solid grey;font-family: 'Courier New',monospace;font-weight: 600;font-size: 1.2em;background-color: Orange; color: black`;
const cssError = `background-color: Red; color: black`;
console.log(`no formatting at all %c and now head field kicks in and now it stops: %c and now a bunch of text that has no formatting, oop! %can error here%c some more text with no for... %coh, another error!%c`, cssHeadField, "", cssError, "", cssError, "")
console.log(`no formatting at all %c and now head field kicks in and now it stops: %c and now a bunch of text that has no formatting, oop! %can error here, maybe a longer error description too something that would be multiline or something right?%c some more text with no for... %coh, another error! This one is supposed to be long too just to test it out I guess%c`, cssHeadField, "", cssError, "", cssError, "");
