From 2b449b28c90b0b8c11da0018fa98a292aebf13e8 Mon Sep 17 00:00:00 2001
From: RossyB <rossy@compass-bg.net>
Date: Thu, 6 Jun 2019 18:08:16 +0300
Subject: [PATCH] NY-7522 [WEB]: Chat screen layout changes

---
 src/containers/ChatBottomPanel/ChatBottomPanel.js | 2 +-
 src/containers/ChatBottomPanel/Mentions.styles.js | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/containers/ChatBottomPanel/ChatBottomPanel.js b/src/containers/ChatBottomPanel/ChatBottomPanel.js
index 1023296e5..5f69bcbd8 100644
--- a/src/containers/ChatBottomPanel/ChatBottomPanel.js
+++ b/src/containers/ChatBottomPanel/ChatBottomPanel.js
@@ -644,7 +644,7 @@ class ChatBottomPanel extends Component {
                   disableUnderline
                   autoComplete="off"
                   multiline
-                  rowsMax="4"
+                  rowsMax="20"
                   onChange={this.handleChange.bind(this)}
                   onKeyDown={this.handleEnter.bind(this)}
                   className={classes.input}
diff --git a/src/containers/ChatBottomPanel/Mentions.styles.js b/src/containers/ChatBottomPanel/Mentions.styles.js
index 177224f91..033c26658 100644
--- a/src/containers/ChatBottomPanel/Mentions.styles.js
+++ b/src/containers/ChatBottomPanel/Mentions.styles.js
@@ -45,8 +45,12 @@ export default {
       verticalAlign: 'middle',
       caretColor: '#b80000',
       fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif',
-      maxHeight: 64,
-      width: '93%'
+      maxHeight: 320,
+      width: '93%',
+      '& textarea': {
+        top: 4,
+        bottom: 4
+      }
     }
   },
 
-- 
GitLab