Merge remote-tracking branch 'origin/main'

static/css/styles(boris).css

@@ -412,8 +412,8 @@
     height: 100px;
     width: 100px;
     position: absolute;
-    top: 35%;
-    left: 47%;
+    top: 40%;
+    left: 45%;
 }
 
 .loader_chat_f_sw_chats.support.show{
@@ -446,13 +446,28 @@
     background: #ffffff;
     box-shadow: -1px 4px 10px 0 rgba(198, 199, 203, 0.20), 0 -1px 10px 0 rgba(198, 199, 203, 0.20);
     float: right;
+    position: relative;
+}
 
+.block_loader_chat{
+    width: 63%;
+    height: calc(100vh - 120px);
+    border-radius: 10px;
+    border: none;
+    background: none;
+    box-shadow: none;
+    float: right;
+    position: relative;
 }
 
 .block-chat.support{
     height: calc(100vh - 154px);
 }
 
+.block_loader_chat.support{
+    height: calc(100vh - 154px);
+}
+
 .block-list-of-users{
     width: 30%;
     margin-left: 20px;

static/js/user_profile_2.js

@@ -457,8 +457,10 @@ function selectedUserMessenger (ticket_id=null,user_id=null,el){
     if (loader){
         loader.classList.toggle("show")
         if (block_chat) {
-            block_chat.innerHTML = null
+            block_chat.innerHTML = ''
         }
+    } else if (block_chat){
+        block_chat.innerHTML = `<img class="loader_chat_f_sw_chats show" src="/static/img/svg/loader.svg" alt="loader">`
     }
     let data = null
     let url = null