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

Gitgraph Diagram is too wide and gets cut off #148

Closed mattseaboard closed 1 year ago

mattseaboard commented 1 year ago

I've tried using css to override the sizing but can't figure out how to do it. When I generate a PDF from my Markdown the Gitgraph gets cut off and only shows the left half of the diagram.

I'm using VSCode with the following plugins:

Here's some example code to reproduce the issue.

```mermaid
%%{init: {'gitGraph': {'mainBranchName': 'integration'}}}%%
gitGraph
  commit
  commit
  branch feature-1
  checkout feature-1
  commit
  checkout integration
  merge feature-1
  commit
  branch quality-assurance
  commit
  branch qua-fix-1
  commit
  checkout quality-assurance
  merge qua-fix-1
  commit
  branch user-acceptance-testing
  commit
  branch uat-fix-1
  commit
  checkout user-acceptance-testing
  merge uat-fix-1
  commit
  branch production
  commit tag: "v.1.0.1"
  checkout integration
  merge production
  checkout production
  branch hotfix
  commit
  checkout production
  merge hotfix tag: "v1.0.2"
  checkout integration
  merge production
  ```
mjbvz commented 1 year ago

Can you please start by filing this against the markdown PDF extension. The rendering of that diagram in the built-in markdown preview seems fine to me so I suspect the issue is with one of those other extensions

mattseaboard commented 1 year ago

ok i've submitted this over on their Github, thanks.