search

Mermaid-Chart / vscode-mermaid-preview

Previews Mermaid diagrams
MIT License
142 stars 15 forks source link

Preview appears doubled on screen #103

Closed rhyswilkins closed 4 years ago

rhyswilkins commented 4 years ago

Expected behaviour

I create a graph, and I should see a representation of it in the Mermaid Preview Pane

graph LR;
    A --> B;
    A --> C;
    C --> D;
    B --> D;

Actual behaviour

I see the graph twice in the Preview pane - one copy moves/zooms, one copy doesn't. They don't stay out of each other's way, meaning that it's sometimes hard to make out what the diagram actually looks like. I'm using Mermaid preview mode, default dark theme for VS code. The only thing is that I'm using WSL, so the file is actually being stored through the WSL Server onto the hard disk of my laptop.

Is there a way to turn the smaller copy off? I'm happy with seeing just one copy, auto-zoomed to fit the Preview window.

mermaid-preview-graph-doubled

vstirbu commented 4 years ago

The top-left diagram is the "minimap". You can control the rendering in the settings. Type mermaid minimap and uncheck the option.

rhyswilkins commented 4 years ago

Hi @vstirbu - that's perfect, thank you. Happy to close, although perhaps this could be added to the documentation.

vstirbu commented 4 years ago

Yep. Seems that there is a gap in the docs on the minimap rendering. Expanding soon (#104).