Add `overflow-x: scroll` to the default style for tables
x
xenofem
started a topic
6 months ago
Since tables can't be line-broken in the same way as ordinary text, if I'm making a table with more than a couple columns, I pretty much always need to wrap it in `<div style="overflow-x: scroll;">` so it doesn't just get cut off on narrow screens. I'd suggest adding `.prose table { overflow-x: scroll; }` to cohost's own CSS, so this can happen automatically without users needing to know the trick. I don't think it has any particular downsides, and if someone really needs a different behavior for some reason, they can always CSS-misdemeanor it back to `visible`.
xenofem
Since tables can't be line-broken in the same way as ordinary text, if I'm making a table with more than a couple columns, I pretty much always need to wrap it in `<div style="overflow-x: scroll;">` so it doesn't just get cut off on narrow screens. I'd suggest adding `.prose table { overflow-x: scroll; }` to cohost's own CSS, so this can happen automatically without users needing to know the trick. I don't think it has any particular downsides, and if someone really needs a different behavior for some reason, they can always CSS-misdemeanor it back to `visible`.
1 person likes this idea