From: Dessalines <tyhou13@gmx.com>
Date: Thu, 16 Jan 2020 03:33:23 +0000 (-0500)
Subject: Fix image expanding and truncation issue.
X-Git-Url: http://these/git/%7B%60%24%7BwebArchiveUrl%7D/%22%7B%7D/readmes/%7B%7D/%22%7Burl%7D/%7Bthis.imageSrc%7D?a=commitdiff_plain;h=432acf4bf77f250cd6867c686061df13a12778d0;p=lemmy.git

Fix image expanding and truncation issue.
---

diff --git a/ui/assets/css/main.css b/ui/assets/css/main.css
index fd29e756..eb98adc1 100644
--- a/ui/assets/css/main.css
+++ b/ui/assets/css/main.css
@@ -157,4 +157,5 @@ hr {
 
 .fl-1 {
   flex: 1;
-}
\ No newline at end of file
+}
+
diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx
index 7e7a8852..c945806b 100644
--- a/ui/src/components/post-listing.tsx
+++ b/ui/src/components/post-listing.tsx
@@ -136,18 +136,22 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
             </button>
           )}
         </div>
-        {post.url && isImage(post.url) && !post.nsfw && !post.community_nsfw && (
-          <span
-            title={i18n.t('expand_here')}
-            class="pointer"
-            onClick={linkEvent(this, this.handleImageExpandClick)}
-          >
-            <img
-              class="mx-2 mt-1 float-left img-fluid thumbnail rounded"
-              src={imageThumbnailer(post.url)}
-            />
-          </span>
-        )}
+        {post.url &&
+          isImage(post.url) &&
+          !post.nsfw &&
+          !post.community_nsfw &&
+          !this.state.imageExpanded && (
+            <span
+              title={i18n.t('expand_here')}
+              class="pointer"
+              onClick={linkEvent(this, this.handleImageExpandClick)}
+            >
+              <img
+                class="mx-2 mt-1 float-left img-fluid thumbnail rounded"
+                src={imageThumbnailer(post.url)}
+              />
+            </span>
+          )}
         {post.url && isVideo(post.url) && (
           <video
             playsinline