From 1d750a4c9ff45b68fad3755d9482b1e879d0a4be Mon Sep 17 00:00:00 2001 From: ministicraft Date: Tue, 14 Apr 2026 01:10:11 +0200 Subject: [PATCH] fix: move blue strip outside Reveal.js container Pseudo-elements on sections don't render reliably due to Reveal.js transforms creating stacking contexts. Use a fixed div outside the .reveal container instead (same pattern as the OVHcloud logo). Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> --- index.html | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index 5201069..d4bdc23 100644 --- a/index.html +++ b/index.html @@ -29,16 +29,16 @@ --strip-color: var(--ods-blue-500); } - /* Blue accent strip — pseudo-element doesn't interfere with Reveal.js layout */ - .reveal .slides section::before { - content: ''; - position: absolute; + /* Blue accent strip — fixed outside Reveal.js, always visible */ + .top-strip { + position: fixed; top: 0; left: 0; right: 0; height: 6px; background: var(--strip-color); - z-index: 10; + z-index: 50; + pointer-events: none; } .reveal .slides section { @@ -96,6 +96,7 @@ +
OVHcloud