Fix long line overflow

[yoching]

Removing max-width: 100vw; from #workspace.view-mode_regular #workspace-content, then adding min-width: 0; to .page-content .columns .column seems to fix the undesired behavior of overflowing long lines.

However, the entire code area width becomes the width of --readable-column-width-medium. Is this the desired behavior?

Reasoning

The source of issue seems to be:

• max-width: 100vw; of #workspace-content seems inherently unnecessary. (so should be removed)
• .columns has flex-direction:row
• .column, the child of .columns, extends beyond its parent (.columns)

This situation is similar to these known issues:

• https://stackoverflow.com/questions/63601481/flex-child-is-overflowing-the-parent-container-even-after-setting-min-width0
• https://www.bigbinary.com/blog/understanding-the-automatic-minimum-size-of-flex-items

[yoching]

73

80

[hojberg]

@yoching

Awesome! thank you for looking at this. I think this is the right approach and I've basically have come to realize that most usages of 100vw are not useful.

The code being the full width of the card seems like the right thing. Does it have a scroll inside the card?

[hojberg]

@yoching I think this is basically ready to go—super grateful for this fix 🙏