Michael Mainguy
18d653cc2d
- Add essential CSS for proper text display in diagram nodes and edges - Fix foreignObject text container inheritance for proper styling - Ensure node labels and edge labels are visible with correct fonts - Add responsive sizing for mobile devices - Remove complex styling that was causing text clipping issues - Simplify diagram container styling for better compatibility 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
29 lines
816 B
HTML
29 lines
816 B
HTML
<div class="slide layout-diagram-slide">
|
|
<h1 class="slot title-slot"
|
|
data-slot="title"
|
|
data-type="title"
|
|
data-placeholder="Diagram Title"
|
|
data-required>
|
|
{{title}}
|
|
</h1>
|
|
|
|
<div class="slot diagram-content"
|
|
data-slot="diagram"
|
|
data-type="diagram"
|
|
data-placeholder="Enter Mermaid diagram syntax here..."
|
|
data-multiline="true">{{diagram}}</div>
|
|
|
|
<div class="slot content-slot" data-slot="content2" data-placeholder="Second content block" data-required>
|
|
<span class="fade-in-slow">
|
|
{{content2}}
|
|
</span>
|
|
|
|
</div>
|
|
<div class="slot notes-content"
|
|
data-slot="notes"
|
|
data-type="text"
|
|
data-placeholder="Optional diagram explanation..."
|
|
data-multiline="true">
|
|
{{notes}}
|
|
</div>
|
|
</div> |