From 446882343c82503c746df3c5795333b2141292bb Mon Sep 17 00:00:00 2001
From: Gabriel Delavald <gdelavald@gmail.com>
Date: Fri, 25 May 2018 23:01:37 -0300
Subject: [PATCH] Adds flex-box to preview commands

---
 .../client/imports/general/base_old.css                | 10 ++++++++++
 .../client/popup/messagePopupSlashCommandPreview.html  |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/rocketchat-theme/client/imports/general/base_old.css b/packages/rocketchat-theme/client/imports/general/base_old.css
index f9d7dce5d939..362af719c35d 100644
--- a/packages/rocketchat-theme/client/imports/general/base_old.css
+++ b/packages/rocketchat-theme/client/imports/general/base_old.css
@@ -2616,6 +2616,16 @@
 	position: relative;
 }
 
+.rc-old .message-popup-items.preview-items {
+	display: flex;
+	overflow-y: auto;
+}
+
+.rc-old .preview-items .popup-item {
+	padding: 5px;
+	line-height: unset;
+}
+
 .rc-old .rc-message-box .reply-preview {
 	display: flex;
 	position: relative;
diff --git a/packages/rocketchat-ui-message/client/popup/messagePopupSlashCommandPreview.html b/packages/rocketchat-ui-message/client/popup/messagePopupSlashCommandPreview.html
index 8457fc8c93fe..d4ff29257654 100644
--- a/packages/rocketchat-ui-message/client/popup/messagePopupSlashCommandPreview.html
+++ b/packages/rocketchat-ui-message/client/popup/messagePopupSlashCommandPreview.html
@@ -12,7 +12,7 @@
 						<div class="message-popup-title secondary-background-color border-component-color">
 							{{_ i18nTitle}} <strong>{{ getArgs }}</strong>
 						</div>
-						<div class="message-popup-items">
+						<div class="message-popup-items preview-items">
 							{{#each items}}
 								<div class="popup-item" data-id="{{id}}">
 									{{#if isType 'image' type}}