fix(export): split-layout terug in de HTML-export (#1855) #1866

Merged

brenno merged 1 commit from fix/html-export-split-layout into main

2026-08-29 22:50:20 +00:00

brenno commented

2026-08-29 22:31:12 +00:00

Owner

Samenvatting

De HTML-export van een bulletsImage-dia stapelde tekst en afbeelding in plaats van ze naast elkaar te zetten. Drie oorzaken verholpen:

split-class op de <section> — _renderSections las het split-token uit  nooit. Nieuwe _splitSectionClass haalt het op, net als _logoSectionClass dat voor logo-safe doet.
Split CSS-regels — de export-stylesheet (_structuralCss) had geen section.split grid-layout. Toegevoegd, matching de thema-CSS in assets/themes/ocideck.css.
split-image div behouden — _renderImgslot verving de hele <div class="split-image">…</div> door alleen zijn inhoud. De div staat er nu weer, met de imgslot-structuur erin.

Daarnaast haalt _marpSectionStyle nu --image-width uit het _style-commentaar, zodat de door de auteur gekozen kolombreedte meegaat in de export.

Testplan

make check groen (10945 tests, coverage 87.0%)
Nieuwe test: section draagt split-class
Nieuwe test: split CSS-regels aanwezig in export
Nieuwe test: --image-width uit _style op de section
Nieuwe test: niet-split dia krijgt geen split-class
Nieuwe test: split-image div overleeft imgslot-rendering (#1855)

Closes #1855

Generated with Devin

## Samenvatting De HTML-export van een `bulletsImage`-dia stapelde tekst en afbeelding in plaats van ze naast elkaar te zetten. Drie oorzaken verholpen: 1. **`split`-class op de `<section>`** — `_renderSections` las het `split`-token uit `` nooit. Nieuwe `_splitSectionClass` haalt het op, net als `_logoSectionClass` dat voor `logo-safe` doet. 2. **Split CSS-regels** — de export-stylesheet (`_structuralCss`) had geen `section.split` grid-layout. Toegevoegd, matching de thema-CSS in `assets/themes/ocideck.css`. 3. **`split-image` div behouden** — `_renderImgslot` verving de hele `<div class="split-image">…</div>` door alleen zijn inhoud. De div staat er nu weer, met de imgslot-structuur erin. Daarnaast haalt `_marpSectionStyle` nu `--image-width` uit het `_style`-commentaar, zodat de door de auteur gekozen kolombreedte meegaat in de export. ## Testplan - [x] `make check` groen (10945 tests, coverage 87.0%) - [x] Nieuwe test: section draagt `split`-class - [x] Nieuwe test: split CSS-regels aanwezig in export - [x] Nieuwe test: `--image-width` uit `_style` op de section - [x] Nieuwe test: niet-split dia krijgt geen `split`-class - [x] Nieuwe test: `split-image` div overleeft imgslot-rendering (#1855) Closes #1855 Generated with [Devin](https://devin.ai)

brenno added 1 commit

2026-08-29 22:31:15 +00:00

fix(export): split-layout terug in de HTML-export (#1855 )

scans / scans (pull_request) Successful in 3m2s

Details

static-gate / static-gate (pull_request) Successful in 7m25s

Details

e183bde5f0

De HTML-export van een bulletsImage-dia stapelde tekst en afbeelding
in plaats van ze naast elkaar te zetten. Drie oorzaken:

1. De <section> kreeg nooit de `split`-class — _renderSections las
   het `split`-token uit `<!-- _class: split -->` niet. Nu wel, via
   _splitSectionClass.
2. De export-stylesheet had geen `section.split`-gridregels. Nu wel,
   matching de thema-CSS in assets/themes/ocideck.css.
3. _renderImgslot verving de hele `<div class="split-image">` door
   alleen zijn inhoud, waardoor de wikkel verdween. Nu blijft de div
   staan en zit de imgslot-structuur erin.

Daarnaast haalt _marpSectionStyle nu `--image-width` uit het `_style`-
commentaar, zodat de kolombreedte van de auteur meegaat in plaats van
altijd op de 40%-default te staan.

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>

brenno merged commit 7d92c454fe into main

2026-08-29 22:50:20 +00:00

brenno referenced this pull request from a commit

2026-08-29 22:50:22 +00:00

fix(export): split-layout terug in de HTML-export (#1855) (#1866)