From bbc7159ede28e4ae335504f6d7d6e0170b2a2a46 Mon Sep 17 00:00:00 2001
From: Dessalines <happydooby@gmail.com>
Date: Thu, 6 Feb 2020 22:24:23 -0500
Subject: [PATCH] Fix expanded image height. Fixes #455

---
 ui/assets/css/main.css             | 5 +++++
 ui/src/components/post-listing.tsx | 2 +-
 ui/src/utils.ts                    | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/ui/assets/css/main.css b/ui/assets/css/main.css
index 2703d55..b1ad884 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 9b3141c..f11d9e1 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 c53ee76..9ad0920 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;