fix(chat): added multiple line enter

feedju · Aug 7, 2017 · 532e32d · 532e32d
1 parent 82add54
commit 532e32d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/vuestic-components/vuestic-chat/VuesticChat.vue b/src/components/vuestic-components/vuestic-chat/VuesticChat.vue
@@ -9,7 +9,7 @@
         <fieldset>
           <div class="form-group form-group-w-btn">
             <div class="input-group">
-              <input @keypress="keyHandler($event)" v-model="inputMessage" required title=""/>
+              <textarea @keypress="keyHandler($event)" v-model="inputMessage" required title=""></textarea>
               <label class="control-label">Your message</label><i class="bar"></i>
             </div>
             <div class="btn btn-sm btn-primary" @click="sendMessage()">Send</div>
@@ -87,6 +87,8 @@
     padding: $chat-message-py $chat-message-px;
     margin-bottom: $chat-message-mb;
     border-radius: $chat-message-br;
+    max-width: 70%;
+    overflow-wrap: break-word;
 
     &:last-child {
       margin-bottom: 0;

diff --git a/src/sass/_material-forms.scss b/src/sass/_material-forms.scss
@@ -191,7 +191,7 @@ fieldset {
 
 .form-group {
   // scss-lint:disable QualifyingElement, NestingDepth
-  input {
+  input, textarea {
     height: ($mf-font-size * 1.9);
   }