0.0.29

static/css/styles(boris).css

@@ -1,6 +1,13 @@
 /*tech support classes*/
 
 
+/*uni classes*/
+.width-100{
+    width: 100% !important;
+}
+
+/**/
+
 .title-profile-cont{
     width: 100%;
     text-align: center;
@@ -326,7 +333,9 @@
     width: 100%;
     /*transform: rotate(180deg);*/
     overflow-y: auto;
-    transform: scaleY(-1);
+    /*transform: scaleY(-1);*/
+    display: flex;
+    flex-direction: column-reverse;
 }
 
 
@@ -440,8 +449,18 @@
     width: 20%;
     height: 100%;
     float: right;
+    padding-top: 10%;
 }
 
+
+.cost-messages-in-user-tab-messenger{
+    width: 25px;
+    height: 25px;
+    background: #FF613A;
+    color: #FFFFFF;
+}
+
+
 .user_avatar_messenger{
     width: 40px;
     height: 40px;
@@ -456,6 +475,7 @@
 .last-message-messenger-user-tab{
     font-size: 12px;
     color: #27242499;
+    display: block;
 }
 
 /*messenger with support*/
@@ -496,7 +516,7 @@
     display: block;
     /* transform: rotate(180deg); */
     /* transform: scaleY(-1); */
-    transform: scaleY(-1);
+    /*transform: scaleY(-1);*/
 }
 
 .container-message_support_chat.right{
@@ -504,7 +524,7 @@
     display: block;
     /* transform: rotate(180deg); */
     /* transform: scaleY(-1); */
-    transform: scaleY(-1);
+    /*transform: scaleY(-1);*/
 }
 
 .block_avatar_message{

templates/blocks/profile/b_support_chat.html

@@ -14,7 +14,7 @@
         <div class="name_ticket">
             <span>{{ ticket.name }}</span>
         </div>
-        <div class="block-chat">
+        <div class="{% if user.is_staff %}block-chat{% else %}block-chat width-100{% endif %}">
             {% if user.is_staff or ticket.manager %}
                 <div class="container-header-chat">
                     <div class="header-chat-left-part">

templates/widgets/w_message.html

@@ -1,17 +1,18 @@
 {% load static %}
-
+<div style="width: 100%;">
-<div class="container-message_support_chat{% if msg.sender == user or ticket.owner != user %} right{% else %} left{% endif %}">
+    <div class="container-message_support_chat{% if msg.sender == user or ticket.owner != user %} right{% else %} left{% endif %}">
-    <div class="block_avatar_message{% if msg.sender == user or ticket.owner != user %} right{% else %} left{% endif %}">
+        <div class="block_avatar_message{% if msg.sender == user or ticket.owner != user %} right{% else %} left{% endif %}">
-        <img src="{% static "delete_later/Avatar.png" %}">
+            <img src="{% static "delete_later/Avatar.png" %}">
-    </div>
-    <div class="block_text_message{% if msg.sender == user or ticket.owner != user %} left{% else %} right{% endif %}">
-        <div class="container_text_message{% if msg.sender == user or ticket.owner != user %} background{% else %} border{% endif %}">
-            <span class="text_message">
-                {{ text }}
-            </span>
         </div>
-        <div class="data_send_message{% if msg.sender == user or ticket.owner != user %} right{% else %} left{% endif %}">
+        <div class="block_text_message{% if msg.sender == user or ticket.owner != user %} left{% else %} right{% endif %}">
-            <span>{{ modifiedDT }}</span>
+            <div class="container_text_message{% if msg.sender == user or ticket.owner != user %} background{% else %} border{% endif %}">
+                <span class="text_message">
+                    {{ text }}
+                </span>
+            </div>
+            <div class="data_send_message{% if msg.sender == user or ticket.owner != user %} right{% else %} left{% endif %}">
+                <span>{{ modifiedDT }}</span>
+            </div>
         </div>
     </div>
 </div>

templates/widgets/w_tab_user.html

@@ -10,6 +10,6 @@
         <span class="last-message-messenger-user-tab">{{ ticket.name }}</span>
     </div>
     <div class="right-part-tab-user">
-        <div class="cost-messages-in-user-tab-messenger"></div>
+        <div class="cost-messages-in-user-tab-messenger">1</div>
     </div>
 </div>