From fd3ba555422c7e18e478b50d04d7201379d3bbb3 Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Thu, 19 Mar 2026 06:17:02 -0300
Subject: css: refrain from exploding tall image out of overlay

reintroduces occasional horizontal black bars / letterboxing
but artworks have a present-enough form in content area that
this should not cause real confusion over dimensions, which
is the main point of concern.
---
 src/static/css/features.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/static/css/features.css b/src/static/css/features.css
index 8635c551..33a7b9c9 100644
--- a/src/static/css/features.css
+++ b/src/static/css/features.css
@@ -1565,6 +1565,9 @@
   }
 
   #image-overlay-content-container {
+    display: flex;
+    flex-direction: column;
+
     overflow: hidden;
   }
 
@@ -1579,6 +1582,7 @@
   #image-overlay-image-layout {
     display: block;
     position: relative;
+    max-height: 100%;
     margin: 4px 3px;
   }
 
@@ -1591,6 +1595,8 @@
 
   #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