fix style list Chat Entries in mode mobile (#825)

Co-authored-by: elsiosanchez <elsiossanches@gmail.com>

Author: elsiosanchez

src/components/ADempiere/ChatEntries/index.vue

@@ -28,7 +28,7 @@
       >
         {{ $t('window.containerInfo.notes') }}
       </span>
-      <el-scrollbar wrap-class="scroll-window-log-chat">
+      <el-scrollbar wrap-class="scroll-child" style="height: 100%;">
         <el-timeline>
           <el-timeline-item
             v-for="(chats, key) in chatList"
@@ -178,4 +178,8 @@ export default {
     padding: 10px 20px !important;
   }
 }
+.el-card__body {
+    padding: 20px;
+    height: 100%;
+}
 </style>

src/views/ADempiere/Window/index.vue

@@ -105,7 +105,7 @@
                           class="tab-window"
                         />
                         <div v-if="isMobile">
-                          <el-card class="box-card">
+                          <el-card class="box-card" style="height: 90vh">
                             <el-tabs v-model="activeInfo" @tab-click="handleClick">
                               <el-tab-pane
                                 name="listChatEntries"

src/views/ADempiere/Window/windowLogicComponent.js

@@ -368,6 +368,13 @@ export default {
       if (!this.isEmptyValue(this.windowMetadata.currentTab.tableName) && !this.isEmptyValue(value) && (!this.isEmptyValue(this.$route.query) && this.$route.query.typeAction === 'recordAccess')) {
         this.$store.commit('setRecordAccess', true)
       }
+      if (!this.isEmptyValue(this.windowMetadata.currentTab.tableName) && !this.isEmptyValue(value) && this.isMobile) {
+        this.$store.dispatch(this.activeInfo, {
+          tableName: this.getTableName,
+          recordId: this.recordId,
+          recordUuid: value.UUID
+        })
+      }
     }
   },
   created() {