Zeer breed mermaid-diagram (gantt) rendert als dunne strip i.p.v. leesbaar

brenno commented

2026-07-26 14:56:16 +00:00

Owner

Vervolg op de #886-keuring. Een zeer breed diagram — bv. een gantt (viewBox ~1384×148, breedte/hoogte ≈ 9,35) — parseert en rendert wél, maar de passende inpassing (#868, op volle breedte) maakt er een dunne strip van (hoogte ≈ 0,09·slidebreedte): moeilijk leesbaar. Spiegelbeeld van het te-hoge geval dat #872 met verticaal scrollen oploste.

Aanpak (spiegelt #872): zakt de passende hoogte onder een leesbaarheidsvloer (minH = 0.16·w), dan tonen we het diagram op een interactief oppervlak (presentatie) op volle hoogte (maxH) en horizontaal scrollbaar; de bestaande #872-scroll-sync (presentator→publiek als fractie) werkt richting-onafhankelijk, dus ook horizontaal. Statisch (export/publiek zonder sync) blijft passend (heel diagram zichtbaar, dun). In MermaidDiagram._buildDiagram.

Vervolg op de #886-keuring. Een zeer breed diagram — bv. een gantt (viewBox ~1384×148, breedte/hoogte ≈ 9,35) — parseert en rendert wél, maar de passende inpassing (#868, op volle breedte) maakt er een **dunne strip** van (hoogte ≈ 0,09·slidebreedte): moeilijk leesbaar. Spiegelbeeld van het te-hoge geval dat #872 met verticaal scrollen oploste. **Aanpak (spiegelt #872):** zakt de passende hoogte onder een leesbaarheidsvloer (`minH = 0.16·w`), dan tonen we het diagram op een interactief oppervlak (presentatie) op **volle hoogte (maxH)** en **horizontaal scrollbaar**; de bestaande #872-scroll-sync (presentator→publiek als fractie) werkt richting-onafhankelijk, dus ook horizontaal. Statisch (export/publiek zonder sync) blijft **passend** (heel diagram zichtbaar, dun). In `MermaidDiagram._buildDiagram`.

brenno referenced this issue from a pull request that will close it,

2026-07-26 15:04:17 +00:00

feat(mermaid): zeer breed diagram (gantt) horizontaal scrollbaar op leesbare hoogte (#895) #896

brenno closed this issue

2026-07-26 15:04:18 +00:00

brenno referenced this issue from a commit

2026-07-26 15:04:19 +00:00

feat(mermaid): zeer breed diagram (gantt) horizontaal scrollbaar op leesbare hoogte (#895)

brenno referenced this issue from a commit

2026-07-26 15:04:19 +00:00

Merge pull request 'feat(mermaid): zeer breed diagram (gantt) horizontaal scrollbaar op leesbare hoogte (#895)' (#896) from fix/894-wide-gantt-scroll into main