fix(chat): replace textarea with text input on chat element

lulul62 · Aug 14, 2017 · cb97283 · cb97283
1 parent b4997b9
commit cb97283
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/src/components/dashboard/users-and-members-tab/UsersMembersTab.vue b/src/components/dashboard/users-and-members-tab/UsersMembersTab.vue
@@ -15,8 +15,8 @@
 </template>
 
 <script>
-  import VuesticChat from 'components/vuestic-components/vuestic-chat/VuesticChat'
-  import VuesticProfileCard from 'components/vuestic-components/vuestic-profile-card/VuesticProfileCard.vue'
+  import VuesticChat from '../../../components/vuestic-components/vuestic-chat/VuesticChat'
+  import VuesticProfileCard from '../../../components/vuestic-components/vuestic-profile-card/VuesticProfileCard.vue'
 
   export default {
     name: 'users-members-tab',

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">
-              <textarea class="chat" @keypress="keyHandler($event)" v-model="inputMessage" required title=""></textarea>
+              <input @keypress="keyHandler($event)" v-model="inputMessage" required title=""/>
               <label class="control-label">Your message</label><i class="bar"></i>
             </div>
             <div class="btn btn-sm btn-primary" @click="sendMessage()">Send</div>

diff --git a/src/components/vuestic-components/vuestic-scrollbar/VuesticScrollbar.vue b/src/components/vuestic-components/vuestic-scrollbar/VuesticScrollbar.vue
@@ -152,11 +152,14 @@
 </script>
 
 <style lang="scss">
+  @import "../../../sass/variables";
+
   .vuestic-scrollbar {
     background: transparent;
     transition: all .3s linear;
     position: relative;
     .scrollbar-wrapper {
+      box-shadow: $sidebar-box-shadow;
       position: relative;
       overflow: hidden;
       max-height: 100%;