попытка зафиксить вертикальные размеры изображений

maxcom · Jan 3, 2025 · 8acc6be · 8acc6be
1 parent f602b22
commit 8acc6be
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git 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
@@ -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 {