mermaid: open diagram on full screen

[nadrog]

Mermaid diagrams can get quite big and it would be great to be able to open them full screen (just like [![link]](url) does).

[McShelby]

@nadrog I've thought about it.

It's not a trivial implementation. So before investing to much time: Where is the use case? If you don't give a diagram a size through directives or yaml, it auto sizes up to the page width.

If it is still too small to read at that size, you will not gain to much with the overlay. To overcome such situations, that's what the zoom is for.

[nadrog]

@McShelby, sure, let me explain the issue. I use relearn as a local web site for my sailing boat and the site includes various diagrams of the boat. The zoom is not suitable as it is confined to a window which is further confined to right side of the page. Because of that I have another request: to be able to hide the menu completely. This would help, but as I want to have several diagrams on same page, the behavior of [![link]](url) would work best.

Please see here how page looks like now on my iPad, and you can imagine is close to useless on a phone:

So, all in all, I would be very happy with:

• collapsible menu
• full screen diagrams

[McShelby]

Thanks for getting back.

Are those two diagramms or one big one?

While a collapsible menu sounds nice, and I would love to add such a feature, I am limited by time constraints. So this is not on my feature list but if someone likes to work on it, I would be happy to give feedback and review it.

[nadrog]

Hi, yes, these are two separate diagrams. Unfortunately, I don't have much of the required knowledge.

…

On Sun, Sep 28, 2025 at 1:06 PM Sören Weber ***@***.***> wrote: *McShelby* left a comment (McShelby/hugo-theme-relearn#1131) <#1131 (comment)> Thanks for getting back. Are those two diagramms or one big one? While a collapsible menu sounds nice, and I would love to add such a feature, I am limited by time constraints. So this is not on my feature list but if someone likes to work on it, I would be happy to give feedback and review it. — Reply to this email directly, view it on GitHub <#1131 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABXQ474NZCZSMNU3TXJIMOT3U66JVAVCNFSM6AAAAACHHMUECWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTGNBSHEZTOOBWGI> . You are receiving this because you were mentioned.Message ID: ***@***.***>