From: Dessalines <tyhou13@gmx.com>
Date: Fri, 7 Feb 2020 03:24:23 +0000 (-0500)
Subject: Fix expanded image height. Fixes #455
X-Git-Url: http://these/git/%7B%60%24%7BwebArchiveUrl%7D/%22%7B%7D/%24%7B%60data:application/%22https:/hacktivis.me/%7Bthis.state.user.avatar%7D?a=commitdiff_plain;h=c84a2d6b1ecd93073bd093e93626455f2d3e3284;p=lemmy.git

Fix expanded image height. Fixes #455
---

diff --git a/ui/assets/css/main.css b/ui/assets/css/main.css
index 2703d550..b1ad884a 100644
--- a/ui/assets/css/main.css
+++ b/ui/assets/css/main.css
@@ -37,6 +37,7 @@
 }
 
 .md-div img {
+  max-height: 90vh;
   max-width: 100%;
   height: auto;
 }
@@ -170,3 +171,7 @@ hr {
   -o-filter: blur(10px);
   -ms-filter: blur(10px);
 }
+
+.img-expanded {
+  max-height: 90vh;
+}
diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx
index 9b3141c4..f11d9e14 100644
--- a/ui/src/components/post-listing.tsx
+++ b/ui/src/components/post-listing.tsx
@@ -237,7 +237,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
                         class="pointer"
                         onClick={linkEvent(this, this.handleImageExpandClick)}
                       >
-                        <img class="img-fluid" src={post.url} />
+                        <img class="img-fluid img-expanded" src={post.url} />
                       </span>
                     </div>
                   </span>
diff --git a/ui/src/utils.ts b/ui/src/utils.ts
index c53ee76a..9ad0920f 100644
--- a/ui/src/utils.ts
+++ b/ui/src/utils.ts
@@ -384,7 +384,7 @@ export function showAvatars(): boolean {
 export function imageThumbnailer(url: string): string {
   let split = url.split('pictshare');
   if (split.length > 1) {
-    let out = `${split[0]}pictshare/140x140${split[1]}`;
+    let out = `${split[0]}pictshare/192x192${split[1]}`;
     return out;
   } else {
     return url;