search

mjbvz / vscode-markdown-mermaid

Adds Mermaid diagram and flowchart support to VS Code's builtin markdown preview
https://marketplace.visualstudio.com/items?itemName=bierner.markdown-mermaid
MIT License
640 stars 115 forks source link

fix: narrowing the display width of the screen causes unnecessary margins at the top and bottom. #134

Open celiatti opened 2 years ago

celiatti commented 2 years ago

Hi, I use this extension frequently. Thank you.

When the diagram (SVG element) is large, narrowing the width of the display screen results in extra white space at the top and bottom.

image

This happens even when I import external CSS... (markdown.styles) https://cdn.jsdelivr.net/npm/github-markdown-css@3.0.1/github-markdown.min.css

I've been dealing with this by applying the following styles How about handling this by default?

<style>
svg {
  height: 100%;
}
</style>