From 8acc6bea96740f4c45f535ba77051904ca0efeb9 Mon Sep 17 00:00:00 2001
From: Maxim Valyanskiy <max.valjanski@gmail.com>
Date: Fri, 3 Jan 2025 12:01:02 +0300
Subject: [PATCH] =?UTF-8?q?=D0=BF=D0=BE=D0=BF=D1=8B=D1=82=D0=BA=D0=B0=20?=
 =?UTF-8?q?=D0=B7=D0=B0=D1=84=D0=B8=D0=BA=D1=81=D0=B8=D1=82=D1=8C=20=D0=B2?=
 =?UTF-8?q?=D0=B5=D1=80=D1=82=D0=B8=D0=BA=D0=B0=D0=BB=D1=8C=D0=BD=D1=8B?=
 =?UTF-8?q?=D0=B5=20=D1=80=D0=B0=D0=B7=D0=BC=D0=B5=D1=80=D1=8B=20=D0=B8?=
 =?UTF-8?q?=D0=B7=D0=BE=D0=B1=D1=80=D0=B0=D0=B6=D0=B5=D0=BD=D0=B8=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/WEB-INF/tags/image.tag |  2 +-
 src/main/webapp/sass/_common.scss      | 14 +++++++++-----
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/main/webapp/WEB-INF/tags/image.tag b/src/main/webapp/WEB-INF/tags/image.tag
index 55966dcde..e084fa0da 100644
--- a/src/main/webapp/WEB-INF/tags/image.tag
+++ b/src/main/webapp/WEB-INF/tags/image.tag
@@ -26,7 +26,7 @@
 <c:if test="${showImage!=null and showImage and image!=null}">
   <div class="medium-image-container" style="max-width: <%= Math.min(image.getFullInfo().getWidth(), Image.MaxScaledSize()) %>px">
   <figure class="medium-image"
-    style="position: relative; padding-bottom: ${ 100.0 * image.mediumInfo.height / image.mediumInfo.width }%; margin: 0"
+    style="position: relative; padding-bottom: min(${ 100.0 * image.mediumInfo.height / image.mediumInfo.width }%, 90vh); margin: 0"
   <c:if test="${enableSchema}">itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"</c:if>>
     <c:if test="${preparedMessage.section.imagepost || image.fullInfo.width >= 1920 || image.fullInfo.height >= 1080}">
       <a href="${image.fullName}" itemprop="contentURL">
diff --git a/src/main/webapp/sass/_common.scss b/src/main/webapp/sass/_common.scss
index f33a00ec9..816b87c89 100644
--- a/src/main/webapp/sass/_common.scss
+++ b/src/main/webapp/sass/_common.scss
@@ -798,18 +798,22 @@ pre code .container:before, pre code .container:after {
 }
 
 img.medium-image {
-  width: 100%;
+  width: auto;
   max-width: 100%;
+  max-height: 90vh;
   height: auto;
   image-orientation: none;
-}
-
-figure.medium-image {
-  width: 100%;
+  left: 50%;
+  transform: translateX(-50%);
 }
 
 .medium-image-container {
   margin: 1em auto;
+  max-height: 90vh;
+}
+
+figure.medium-image {
+  width: 100%;
 }
 
 .slider-parent {