From db5ea5c61b338d8338b850acd6f7b6690f0b6d4d Mon Sep 17 00:00:00 2001
From: fedeGiussa25 <fedegiussa25@hotmail.com>
Date: Wed, 4 Mar 2020 16:53:14 -0300
Subject: [PATCH] Fixed full screen style issue

---
 .../Widget/components/Conversation/index.js   | 42 ++++++++++++-------
 src/components/Widget/style.scss              |  6 +--
 2 files changed, 29 insertions(+), 19 deletions(-)

diff --git a/src/components/Widget/components/Conversation/index.js b/src/components/Widget/components/Conversation/index.js
index d172d05ea..a4f927546 100644
--- a/src/components/Widget/components/Conversation/index.js
+++ b/src/components/Widget/components/Conversation/index.js
@@ -7,24 +7,37 @@ import Sender from './components/Sender';
 import QuickButtons from './components/QuickButtons';
 import './style.scss';
 
-const Conversation = props =>
-  <div className={`rcw-conversation-container ${props.className}`}>
+const Conversation = ({
+  title,
+  subtitle,
+  toggleChat,
+  showCloseButton,
+  titleAvatar,
+  className,
+  profileAvatar,
+  onQuickButtonClicked,
+  sendMessage,
+  senderPlaceHolder,
+  disabledInput,
+  autofocus
+}) =>
+  <div className={`rcw-conversation-container ${className}`}>
     <Header
-      title={props.title}
-      subtitle={props.subtitle}
-      toggleChat={props.toggleChat}
-      showCloseButton={props.showCloseButton}
-      titleAvatar={props.titleAvatar}
+      title={title}
+      subtitle={subtitle}
+      toggleChat={toggleChat}
+      showCloseButton={showCloseButton}
+      titleAvatar={titleAvatar}
     />
     <Messages
-      profileAvatar={props.profileAvatar}
+      profileAvatar={profileAvatar}
     />
-    <QuickButtons onQuickButtonClicked={props.onQuickButtonClicked} />
+    <QuickButtons onQuickButtonClicked={onQuickButtonClicked} />
     <Sender
-      sendMessage={props.sendMessage}
-      placeholder={props.senderPlaceHolder}
-      disabledInput={props.disabledInput}
-      autofocus={props.autofocus}
+      sendMessage={sendMessage}
+      placeholder={senderPlaceHolder}
+      disabledInput={disabledInput}
+      autofocus={autofocus}
     />
   </div>;
 
@@ -38,7 +51,8 @@ Conversation.propTypes = {
   toggleChat: PropTypes.func,
   showCloseButton: PropTypes.bool,
   disabledInput: PropTypes.bool,
-  autofocus: PropTypes.bool
+  autofocus: PropTypes.bool,
+  className: PropTypes.string
 };
 
 export default Conversation;
diff --git a/src/components/Widget/style.scss b/src/components/Widget/style.scss
index 6f7034d77..3b259dca6 100644
--- a/src/components/Widget/style.scss
+++ b/src/components/Widget/style.scss
@@ -15,11 +15,7 @@
 
 .rcw-full-screen {
   @include widget-container-fs;
-
-  &.rcw-opened {
-    width: 100%;
-    height: 100%;
-  }
+  height: 100%;
 }
 
 @media screen and (max-width: 800px) {