Adding padding to the document Pane

mondayrobot

Hello, I want to customize the padding of the panel using custom CSS and the Stylus extension, but I encounter some bugs with the cursor, which goes to some weird places. My CSS-Fu is very limited (skilled at copy-paste but not much else).

I tried this:
.paneContent { padding-left: 50px !important; padding-right: 50px !important; }
and this
.paneDocumentContent { padding-left: 50px !important; padding-right: 50px !important; }
Do you have any suggestions on what should I use to get this working without the bugs?

I am not putting a feature request for the padding (although for better readability it’s a good practice not to have the content as close to the edge as it is now) because I know for some of your users the density of content will be more important. But I will put a feature request for custom CSS - it is something that’s in place for many of your competitors and maybe one for custom padding in the display settings.

Thanks!

Jay

There’s a lot of complexity with the pane layout because it uses a hidden element for the actual input and renders the parsed/styled output, and the calculation of cursor positions is pretty complicated. But we’re actually working on some design changes and opening up more customization so I’ll see if we can easily add extra padding.

That said, the reason for the current minimal padding is that with many panes open their minimum size is only 400px, so there’s not a lot of extra space. But the new design might work better for you without even needing to change the padding. I’ll post more details about it in a couple days and tag you in it.

mondayrobot

Thanks for answering! Ignore the padding if it’s too complicated, it was a small thing. Great news about the new design, looking forward to it!

Jay

Does the new design improve the situation for you? Or would you still like an option to customize the padding?

mondayrobot

Jay Hey, it’s perfect, much better than what I was thinking to do 🙂
Thanks!