« get me outta code hell

css: get reveal image-container dimensions from main image - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2024-02-18 17:54:25 -0400
committer(quasar) nebula <qznebula@protonmail.com>2024-02-18 17:54:25 -0400
commitb03f769b43cc570132275c3d2011e4b6ed866cb3 (patch)
treeef16f22d8548beac27c501b7c1abec12c31e00ef /src
parent7498096b6e76df453807222218420073d30d574e (diff)
css: get reveal image-container dimensions from main image
Diffstat (limited to 'src')
-rw-r--r--src/static/site6.css9
1 files changed, 8 insertions, 1 deletions
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 {