Merge remote-tracking branch 'origin/development' into development

aws-samples · Dec 7, 2020 · 9e57ca4 · 9e57ca4
2 parents e9420f1 + 9c94815
commit 9e57ca4
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 7 deletions.
diff --git a/lex-web-ui/src/components/LexWeb.vue b/lex-web-ui/src/components/LexWeb.vue
@@ -304,6 +304,7 @@ export default {
     },
     // messages from parent
     messageHandler(evt) {
+      const messageType = this.$store.state.config.ui.hideButtonMessageBubble ? 'button' : 'human';
       // security check
       if (evt.origin !== this.$store.state.config.ui.parentOrigin) {
         console.warn('ignoring event - invalid origin:', evt.origin);
@@ -341,10 +342,9 @@ export default {
             });
             return;
           }
-
           this.$store.dispatch(
             'postTextMessage',
-            { type: 'human', text: evt.data.message },
+            { type: messageType, text: evt.data.message },
           )
             .then(() => evt.ports[0].postMessage({
               event: 'resolve', type: evt.data.event,

diff --git a/src/lex-web-ui-loader/css/lex-web-ui-iframe.css b/src/lex-web-ui-loader/css/lex-web-ui-iframe.css
@@ -23,7 +23,7 @@
 }
 
 .lex-web-ui-iframe--minimize {
-  max-width: 85px !important;
+  max-width: 190px !important;
   max-height: 85px !important;
   border-radius: 85px !important;
 }
@@ -43,7 +43,7 @@ only screen and (max-height: 256px)
   }
 
   .lex-web-ui-iframe--minimize {
-    max-width: 85px !important;
+    max-width: 190px !important;
     max-height: 85px !important;
   }
 }
@@ -59,7 +59,7 @@ and (max-width: 480px) {
   }
 
   .lex-web-ui-iframe--minimize {
-    max-width: 85px !important;
+    max-width: 190px !important;
     max-height: 85px !important;
     border-radius: 85px !important;
   }
@@ -75,7 +75,7 @@ and (max-width: 960px) {
   }
 
   .lex-web-ui-iframe.lex-web-ui-iframe--show.lex-web-ui-iframe--minimize {
-    max-width: 85px !important;
+    max-width: 190px !important;
     max-height: 85px !important;
     border-radius: 85px !important;
     min-width: 85px !important;

diff --git a/src/website/custom-chatbot-style.css b/src/website/custom-chatbot-style.css
@@ -77,4 +77,8 @@
 */
     button.min-button {
         border-radius: 60px;
-    }
+    }
+
+.message-button {
+    display: none;
+}