ENGCOM-7501: Correct height for media gallery images #28048

Author: slavvka

app/code/Magento/Cms/view/adminhtml/templates/browser/content/files.phtml

@@ -7,29 +7,35 @@
 /** @var $block \Magento\Cms\Block\Adminhtml\Wysiwyg\Images\Content\Files */
 
 $_width  = $block->getImagesWidth();
-$_height = $block->getImagesHeight();
 
 ?>
-<?php if ($block->getFilesCount() > 0) : ?>
-    <?php foreach ($block->getFiles() as $file) : ?>
+<?php if ($block->getFilesCount() > 0): ?>
+    <?php foreach ($block->getFiles() as $file): ?>
+        <?php
+            $src = $block->getFileThumbUrl($file);
+            $width = $block->getFileWidth($file);
+            $height = $block->getFileHeight($file);
+            $filename = $block->getFileName($file);
+        ?>
     <div
         data-row="file"
         class="filecnt"
         id="<?= $block->escapeHtmlAttr($block->getFileId($file)) ?>"
         data-size="<?= $block->escapeHtmlAttr($file->getSize()) ?>"
         data-mime-type="<?= $block->escapeHtmlAttr($file->getMimeType()) ?>"
     >
-        <p class="nm" style="height:<?= $block->escapeHtmlAttr($_height) ?>px;">
-        <?php if ($block->getFileThumbUrl($file)) : ?>
-            <img src="<?= $block->escapeHtmlAttr($block->getFileThumbUrl($file)) ?>" alt="<?= $block->escapeHtmlAttr($block->getFileName($file)) ?>"/>
+        <p class="nm">
+        <?php if ($block->getFileThumbUrl($file)): ?>
+            <img src="<?= $block->escapeHtmlAttr($src) ?>" alt="<?= $block->escapeHtmlAttr($filename) ?>"/>
         <?php endif; ?>
         </p>
-        <?php if ($block->getFileWidth($file)) : ?>
-            <small><?= $block->escapeHtml($block->getFileWidth($file)) ?>x<?= $block->escapeHtml($block->getFileHeight($file)) ?> <?= $block->escapeHtml(__('px.')) ?></small><br/>
+        <?php if ($block->getFileWidth($file)): ?>
+              <small><?= $block->escapeHtmlAttr($width) ?>x<?= $block->escapeHtmlAttr($height) ?>
+                                                                   <?= $block->escapeHtml(__('px.')) ?></small><br/>
         <?php endif; ?>
         <small><?= $block->escapeHtml($block->getFileShortName($file)) ?></small>
     </div>
     <?php endforeach; ?>
-<?php else : ?>
+<?php else: ?>
     <div class="empty"><?= $block->escapeHtml(__('No files found')) ?></div>
 <?php endif; ?>

app/design/adminhtml/Magento/backend/web/css/source/components/_file-insertion.less

@@ -52,6 +52,7 @@
     }
 
     p {
+        min-height: 72px;
         text-align: center;
     }
 }