Fix image expanding and truncation issue.

diff --git a/ui/assets/css/main.css b/ui/assets/css/main.css
index fd29e756a0076cdb8ad7dc7ca9d4c4cc61a0fc97..eb98adc1a9b09e43e972ed8bd822ce9b7900778e 100644 (file)
--- 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 7e7a8852bc6995e60c3c29c0e47027588ffe0488..c945806bdfa305ed5a89fd92ffcf07af2cd16dc7 100644 (file)
--- 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