From 43f08c7810fb814896059aa41c77178f7317e80e Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Thu, 19 Mar 2026 06:28:53 -0300 Subject: [staging] css: refrain from exploding tall image out of overlay --- src/static/css/site.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) (limited to 'src/static') diff --git a/src/static/css/site.css b/src/static/css/site.css index 8c53f877..c4c7f381 100644 --- a/src/static/css/site.css +++ b/src/static/css/site.css @@ -3333,10 +3333,13 @@ main.long-content .content-sticky-heading-container .content-sticky-subheading-r } #image-overlay-content-container { + display: flex; + flex-direction: column; + overflow: hidden; + border-radius: 0 0 8px 8px; border: 2px solid var(--primary-color); background: var(--deep-ghost-color); - overflow: hidden; box-shadow: 0 0 90px 30px #00000060, @@ -3358,6 +3361,7 @@ main.long-content .content-sticky-heading-container .content-sticky-subheading-r #image-overlay-image-layout { display: block; position: relative; + max-height: 100%; margin: 4px 3px; background: rgba(0, 0, 0, 0.65); } @@ -3371,6 +3375,8 @@ main.long-content .content-sticky-heading-container .content-sticky-subheading-r #image-overlay-image { position: absolute; + max-height: 100%; + object-fit: contain; } #image-overlay-container.no-thumb #image-overlay-image { -- cgit 1.3.0-6-gf8a5