feat(chatTextArea): Move styles to chat base

Author: marker dao ®

packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagebox/_index.scss

@@ -22,6 +22,12 @@
         padding: 0;
       }
     }
+
+    > .dx-texteditor-container {
+      .dx-texteditor-input {
+        max-height: 7.1em;
+      }
+    }
   }
 }
 

packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagelist/_index.scss

@@ -2,6 +2,7 @@
 
 .dx-chat-messagelist {
   flex-grow: 1;
+  min-height: 3.57em;
   overflow: hidden;
 
   .dx-scrollable-container {

packages/devextreme-scss/scss/widgets/base/chat/layout/chat/_index.scss

@@ -3,8 +3,9 @@
   flex-direction: column;
   width: 100%;
   height: 100%;
-  min-width: 20em;
-  min-height: 20em;
+  min-width: 22.45em;
+  min-height: 38em;
+  overflow-y: auto;
 
   &.dx-state-disabled {
     opacity: 0.5;

packages/devextreme/playground/jquery.html

@@ -44,17 +44,17 @@
     <script type="text/javascript" src="../../../node_modules/axe-core/axe.min.js"></script>
 
     <style>
-        .dx-chat {
-            min-height: 38em !important;
-            min-width: 22.45em !important;
+        /* .dx-chat { */
+            /* min-height: 38em !important; */
+            /* min-width: 22.45em !important; */
             /* DEBUG */
-            overflow-y: auto;
+            /* overflow-y: auto; */
             /* END DEBUG */
-        }
+        /* } */
 
-        .dx-chat-messagelist {
+        /* .dx-chat-messagelist {
             min-height: 3.57em !important;
-        }
+        } */
 
         /* .dx-chat-messagebox { */
             /* DEBUG */
@@ -74,11 +74,11 @@
         } */
         /* END DEBUG */
 
-        .dx-texteditor-input {
+        /* .dx-texteditor-input { */
             /* min-height: 4.29em !important; */
             /* max-height: 17.85em !important; */
-            max-height: 7.1em !important;
-        }
+            /* max-height: 7.1em !important; */
+        /* } */
 
         /* .dx-fileuploader-container {
             display: block !important;