Diagramming mode / wide mode?

[ghost]

I like to co-edit graphviz and plantuml diagrams regularly but the hackmd page width is too narrow to really make this comfortable.

Would be so awesome to have a diagram display mode similar to slide mode but retaining the editor.

Is this already a thing?

[ccoenen]

I have a workaround in the meantime: If I need an exceptionally wide document (happens to me for some tables and diagrams) I put a <style>-tag into the document. This may break at some future point (i.e. this is not officially supported) but it works for now:

<style>.markdown-body { max-width: 1500px; }</style>

Of course, the 1500px could be any value you need. This can be anywhere in your markdown document!

[josdotso]

Awesome tip. Thanks @ccoenen !

[SISheogorath]

So is this workaround fine or should we make this a feature request? Otherwise I would like to close this :)

[almereyda]

I feel two needs remain open:

• Resizing the display proportion of editing and preview panes
• Operate preview pane in slide mode.

Should these eventually move into separate issues before closing here?

[ccoenen]

regarding the first one: you can drag the middle bar between edit and view.

[jmdots]

Did this hack finally break?

Edit: yes.. but here's what I found that works now:

<style>
/* Overriding max-width for #doc within .ui-content.comment-panel */
.ui-content.comment-panel #doc, 
body.pretty-comment-panel #doc {
    max-width: 95%; /* Sets the maximum width to 100% of its parent */
}
</style>