feat(chat pg): Set styles && Update maxHeight && Clean Informer

Author: marker dao ®

packages/devextreme/playground/jquery.html

@@ -56,12 +56,12 @@
             min-height: 3.57em !important;
         }
 
-        .dx-chat-messagebox {
+        /* .dx-chat-messagebox { */
             /* DEBUG */
             /* max-height: 39.29em !important; */
             /* END DEBUG */
-            flex-shrink: 0;
-        }
+            /* flex-shrink: 0; */
+        /* } */
 
         /* .dx-chat-textarea {
             max-height: unset !important;
@@ -75,29 +75,30 @@
         /* END DEBUG */
 
         .dx-texteditor-input {
-            min-height: 4.29em !important;
-            max-height: 17.85em !important;
+            /* min-height: 4.29em !important; */
+            /* max-height: 17.85em !important; */
+            max-height: 7.1em !important;
         }
 
-        .dx-fileuploader-container {
+        /* .dx-fileuploader-container {
             display: block !important;
             table-layout: unset !important;
-        }
+        } */
 
-        .dx-fileuploader-content {
+        /* .dx-fileuploader-content {
             display: block !important;
-        }
+        } */
 
-        .dx-fileuploader-files-container {
+        /* .dx-fileuploader-files-container {
             padding: 2px 3px 3px !important;
             display: grid;
             grid-template-columns: repeat(auto-fit, 17.14em);
             gap: 8px;
-        }
+        } */
 
-        .dx-fileuploader-file-container {
+        /* .dx-fileuploader-file-container {
             margin-bottom: 0 !important;
-        }
+        } */
     </style>
 </head>
 
@@ -130,14 +131,28 @@ <h1 style="position: fixed; left: 0; top: 0; clip: rect(1px, 1px, 1px, 1px);">Te
                 const chat = $("#chat")
                     .dxChat({
                         // height: '95vh',
-                        height: 200,
+                        height: 600,
                         dataSource,
                         editing: {
                             allowUpdating: true,
                         },
                         reloadOnChange: false,
                         user: currentUser,
                         showAvatar: false,
+                        alerts: [
+                            {
+                                message: 'One file attached and the message is a little longer',
+                            },
+                            {
+                                message: 'One file attached and the message is a little longer',
+                            },
+                            {
+                                message: 'One file attached and the message is a little longer',
+                            },
+                            {
+                                message: 'One file attached and the message is a little longer',
+                            },
+                        ],
                         onMessageEntered(e) {
                             const { message } = e;