1
Expandable MermaidJS diagrams (click-to-enlarge / fullscreen view)
Source: outline/outline#9980 · opened by @suryasanchez
Description
Currently, MermaidJS diagrams embedded in Outline render well, but they often appear quite small within the text. This makes it harder to read complex diagrams or share them during discussions.
Suggestion
It would be very useful if MermaidJS diagrams could behave like images:
• When clicking on a diagram, it could open in a larger view (e.g., fullscreen pop-up / lightbox).
• This would allow users to explore the details of the diagram more comfortably without leaving the documentation context.
Benefits
• Improves readability for complex diagrams.
• Provides a better user experience, especially when sharing docs with non-technical users.
• Aligns with common UX patterns (click-to-enlarge images).
---
Thank you for considering this enhancement!
Currently, MermaidJS diagrams embedded in Outline render well, but they often appear quite small within the text. This makes it harder to read complex diagrams or share them during discussions.
Suggestion
It would be very useful if MermaidJS diagrams could behave like images:
• When clicking on a diagram, it could open in a larger view (e.g., fullscreen pop-up / lightbox).
• This would allow users to explore the details of the diagram more comfortably without leaving the documentation context.
Benefits
• Improves readability for complex diagrams.
• Provides a better user experience, especially when sharing docs with non-technical users.
• Aligns with common UX patterns (click-to-enlarge images).
---
Thank you for considering this enhancement!
No pledges yet. Be the first to back this.
Comments
Similar requests
Add Expandable/Collapsible Sections
5 votes · 0 comments
Deeper Diagrams.net Integration
6 votes · 0 comments
Support Mermaid swimlane diagrams by upgrading to Mermaid 11.16+
1 vote · 0 comments
Draw.io: Multi-tab slideshows and clickable diagram links
1 vote · 0 comments
Excalidraw integration
55 votes · 0 comments
No comments yet.