From b03f769b43cc570132275c3d2011e4b6ed866cb3 Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Sun, 18 Feb 2024 17:54:25 -0400 Subject: css: get reveal image-container dimensions from main image --- src/static/site6.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) (limited to 'src') diff --git a/src/static/site6.css b/src/static/site6.css index 2ab577ae..331e68a1 100644 --- a/src/static/site6.css +++ b/src/static/site6.css @@ -1264,11 +1264,18 @@ img.pixelate, .pixelate img { } .reveal .image.reveal-thumbnail { + position: absolute; + top: 0; image-rendering: pixelated; } .reveal.has-reveal-thumbnail:not(.revealed) .image:not(.reveal-thumbnail) { - display: none !important; + /* Keep the main image as part of the box model. + * It's what actually defines the dimensions of the + * image-container, so those dimensions never shift + * once the image is actually revealed. + */ + visibility: hidden; } .reveal.revealed.has-reveal-thumbnail .image.reveal-thumbnail { -- cgit 1.3.0-6-gf8a5