🏠 back to Observable

Support for larger cell max width?

While working on notebooks, I frequently feel it would be nice to increase the width of the cells. The default max cell width of ~954px seems a bit small while working on many of my notebooks on a large display. Switching to fullscreen is typically overkill. I haven’t figured out a way to override it within a notebook. Occasionally, I’ll resort to hacking an increased width using Chrome’s local overrides:

I’ve increased the --max-width-8 variable value which is applied to the .mw8 class in Observable’s styles. Admittedly, this is a very brittle solution. However, it’s nice that it is user customizable and not sharable.

I’m wondering if there’s a better method for changing notebook max width without using fullscreen. I would understand if this is a feature that the Observable team doesn’t feel comfortable allowing users to customize at a user or notebook level.

Thanks! Big fan of Observable.

1 Like

Related:

1 Like

Increasing the max-width of notebooks is a little tricky because it means notebook authors may want to adjust the design of their notebooks for the wider display (if they want things to be “perfect”), but it might be something we do in the future.

We might also allow the editor to go wider than the content of the notebook, which would help when editing code cells with long lines.

If you have an especially large screen, you can do side-by-side editing by opening your notebook in safe mode in another window.