From 7897a29810688b31761a69117594b729eac35872 Mon Sep 17 00:00:00 2001
From: Gabriel Engel <gabriel.engel@gmail.com>
Date: Mon, 4 Jun 2018 22:46:47 +0200
Subject: [PATCH] Merge pull request #10998 from
 vynmera/fix-lazy-load-big-images-because-they-are-a-bit-too-big

[FIX] Preview of large images scrollbars because not resizing the to fit area
---
 .../client/messageAttachment.html                             | 2 +-
 packages/rocketchat-theme/client/imports/general/base_old.css | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/rocketchat-message-attachments/client/messageAttachment.html b/packages/rocketchat-message-attachments/client/messageAttachment.html
index 46b033f4a0f0..4378ce94b97f 100644
--- a/packages/rocketchat-message-attachments/client/messageAttachment.html
+++ b/packages/rocketchat-message-attachments/client/messageAttachment.html
@@ -63,7 +63,7 @@
 
 			{{#if image_url}}
 				{{#unless mediaCollapsed}}
-					<div class="attachment-image">
+					<div class="attachment-image inline-image">
 					{{#if loadImage}}
 						<figure>
 							{{> lazyloadImage src=image_url preview=image_preview height=(getImageHeight image_dimensions.height) class="gallery-item" title=title description=description}}
diff --git a/packages/rocketchat-theme/client/imports/general/base_old.css b/packages/rocketchat-theme/client/imports/general/base_old.css
index 362af719c35d..6f0e0c49e570 100644
--- a/packages/rocketchat-theme/client/imports/general/base_old.css
+++ b/packages/rocketchat-theme/client/imports/general/base_old.css
@@ -3162,7 +3162,6 @@
 
 		& .inline-image {
 			display: inline-block;
-			overflow: hidden;
 
 			border-radius: 3px;
 			background-repeat: no-repeat;
@@ -3175,6 +3174,7 @@
 			& img {
 				max-width: 100%;
 				max-height: 200px;
+				object-fit: contain;
 
 				cursor: pointer;
 			}
@@ -3295,7 +3295,7 @@
 }
 
 .rc-old .attachment-description {
-	margin-top: 10px;
+	margin: 6px;
 
 	line-height: 1;
 }