Preview above Markdown?

Support
1

Operating system

Linux

Joplin version

2.8.8

Editor

Markdown Editor

What issue do you have?

Hello.
I am not certain if this the right place to ask this. I am wondering if it is possible to change the positions of the preview and Markdown areas, so that the preview area is above the Markdown, instead of next to it.

2

Hi @Flounder-Kipper, welcome to the forum. This category seems like the right place to ask this.

Add this CSS to userchrome.css to move the preview above the editor:

.rli-editor div[style^="position"]:nth-child(2) {
  flex-direction: column-reverse !important;
}

.noteTextViewer {
  height: 100% !important;
}

Note: with the preview above the editor, I don't know how to move the title bar and toolbar in between.

One can also move the preview:

  • Below the editor by replacing column-reverse with column.
  • Left of the editor by replacing column-reverse with row-reverse, then removing the .noteTextViewer rule (it doesn't do anything for this case).
4 Likes
3

Great. This is exactly what I wanted.
Thank you.