0.8.434

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

templates/blocks/profile/b_chats.html

@@ -50,9 +50,14 @@
 {#        </div>#}
 {#    </div>#}
 {#</div>#}
-<img class="loader_chat_f_sw_chats" src="{% static "/img/svg/loader.svg" %}" alt="loader">
+{% if not cur_receiver %}
+    <div class="block_loader_chat">
+        <img class="loader_chat_f_sw_chats" src="{% static "/img/svg/loader.svg" %}" alt="loader">
+    </div>
+{% endif %}
 {% if cur_receiver %}
     <div class="block-chat">
+
         <div class="container-header-chat">
             <div class="header-chat-left-part">
                 <img class="chat-avatar" {% if cur_receiver.user_profile.avatar %}src="{{ cur_receiver.user_profile.avatar.url }}"{% else %}src="{% static "img/svg/User.svg" %}"{% endif %}>

templates/blocks/profile/b_support_chat.html

@@ -12,7 +12,6 @@
 {#    <div class="title-profile-cont">#}
 {#        <h1>Техническая поддержка</h1>#}
 {#    </div>#}
-    <img class="loader_chat_f_sw_chats support" src="{% static "/img/svg/loader.svg" %}" alt="loader">
     {% if user.is_staff or staff %}
         <div class="menu_buttons curtain left {% if mobile %}{% if not ticket %}open{% else %}close{% endif %}{% else %}open{% endif %}{% if name.ticket %}margin{% endif %}" data-name="<img style='width: 25px;display: block;position: relative;bottom: 0;' src='{% static "/img/svg/users-solid.svg" %}'>">
             <div class="container_block_list_of_users">
@@ -26,6 +25,11 @@
             </div>
         </div>
     {% endif %}
+    {% if not ticket %}
+        <div class="block_loader_chat">
+            <img class="loader_chat_f_sw_chats" src="{% static "/img/svg/loader.svg" %}" alt="loader">
+        </div>
+    {% endif %}
     {% if ticket %}
         <div class="name_ticket {% if not user.is_staff and not staff %}w_100{% endif %}">
             <span>{{ ticket.name }}</span>