eFrane / vuepress-plugin-mermaidjs

Vuepress plugin for mermaid.js diagrams
https://vuepress-plugin-mermaidjs.efrane.com
75 stars 21 forks source link

Fullscreen mode #44

Open eFrane opened 3 years ago

eFrane commented 3 years ago

Large diagrams are hard to read, a fullscreen mode with overflow scrolling should be added.

eFrane commented 3 years ago

Also, Gantt Charts are basically just something pretty to look at at the moment and not really readable at all.

NathanStrutz commented 3 years ago

Given that the fullscreen view isn't part of Mermaid, I don't think that really belongs in this Vuepress plugin. I wonder if there's a chance you can wrap it with your own fullscreen Vue component.

PeppeL-G commented 3 years ago

If I'm not mistaking, clicking on an image in the default theme for VuePress 2 (maybe also was so in later versions of VuePress 1? I didn't update it often) will open the image in some kind of full screen mode using https://medium-zoom.francoischalifour.com/. Would love an identical behavior from this plugin (I want users to think my mermaid graphs are images, so I want them to have the same behavior). But since one can listen for clicks in mermaid, it's probably a setting one should be able to enable or disable. Or support through another plugin, e.g. vuepress-plugin-mermaid-with-medium-zoom.