Wat was het probleem?
De header en footer van het tekenplatform (zowel de publieke als de admin-versie) gebruikten een SVG <use xlink:href="#bootstrap"> om het logo weer te geven. Dit verwijst naar een SVG-symbool met id bootstrap, maar dat symbool was nergens op de pagina gedefinieerd. Het resultaat: een onzichtbaar logo.
Hoe is het opgelost?
In plaats van een SVG-symbool toe te voegen dat alsnog naar het Bootstrap-icoon verwijst, hebben we gekozen voor dezelfde aanpak als de hoofdsite: een tekstlogo met de bestaande CSS-klassen site-header__brand en site-footer__logo. Dit zorgt voor een consistente merkuitstraling op alle pagina's.
De wijziging raakt vier templates:
templates/drawing/partials/main_header.html.twigtemplates/drawing/partials/main_footer.html.twigtemplates/drawing/admin/partials/main_header.html.twigtemplates/drawing/admin/partials/main_footer.html.twig
Wat is het effect?
Het logo is nu zichtbaar en consistent met de rest van de site. Er is geen extra CSS of JavaScript nodig — de bestaande klassen worden hergebruikt.