From 730de65b80a036bd3a3d70235d7119314412c64b Mon Sep 17 00:00:00 2001
From: veselcraft <veselcraft@icloud.com>
Date: Tue, 26 Apr 2022 12:07:41 +0300
Subject: [PATCH] Photos: (kinda) correctly display multiple pics in posts

---
 .../components/post/microblogpost.xml          |  2 +-
 Web/static/css/style.css                       | 18 +++++++++++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/Web/Presenters/templates/components/post/microblogpost.xml b/Web/Presenters/templates/components/post/microblogpost.xml
index 60cc9e6d..c06e54e9 100644
--- a/Web/Presenters/templates/components/post/microblogpost.xml
+++ b/Web/Presenters/templates/components/post/microblogpost.xml
@@ -7,7 +7,7 @@
 <table border="0" style="font-size: 11px;" n:class="post, !$compact ? post-divider, $post->isExplicit() ? post-nsfw">
     <tbody>
         <tr>
-            <td width="54" valign="top">
+            <td width="{ifset $compact}27{else}54{/ifset}" style="{ifset $compact}display: block;{/ifset}" valign="top">
                 <a href="{$author->getURL()}">
                     <img src="{$author->getAvatarURL('miniscule')}" width="{ifset $compact}25{else}50{/ifset}" {ifset $compact}class="cCompactAvatars"{/ifset} />
                     <span n:if="!$post->isPostedOnBehalfOfGroup() && !$compact && $author->isOnline()" class="post-online">{_online}</span>
diff --git a/Web/static/css/style.css b/Web/static/css/style.css
index 17b63ad1..e4d152d1 100644
--- a/Web/static/css/style.css
+++ b/Web/static/css/style.css
@@ -629,7 +629,23 @@ h4 {
 }
 
 .post-content .attachments_b {
-    margin-top: 8px;
+	margin-top: 8px;
+	display: grid;
+	grid-gap: 2px;
+	height: 100%;
+	max-height: 300px;
+	overflow: hidden;
+}
+
+.post-content .attachments_b > div {
+    min-width: 0;
+    min-height: 0;
+}
+
+.post-content .attachments_b > div a img {
+    height: 100%;
+    object-fit: cover;
+    width: 100%;
 }
 
 .attachment .post {