0.0.14

static/css/styles(boris).css

@@ -131,10 +131,12 @@
 
 .el-form-create-ticket-textarea{
     min-height: 200px;
-    min-width: calc(100% - 40px);
-    max-width: calc(100% - 40px);
+    /*min-width: calc(80% - 40px);*/
+    /*max-width: calc(80% - 40px);*/
     resize: none;
     padding: 20px;
+    width: 80%;
+    float: left;
 }
 
 .container-input-form-create-ticket{
@@ -146,6 +148,22 @@
     outline: none;
 }
 
+.letrs-count{
+    color: #27242499;
+    /*position: relative;*/
+    /*top: 39px;*/
+    /*left: 93%;*/
+    height: calc(100% - 20px);
+    width: calc(20% - 60px);
+    padding-top: 20px;
+    padding-right: 20px;
+    min-height: 220px;
+    float: right;
+    background: #FFFFFF;
+    text-align: right;
+    /*display: inline-block;*/
+}
+
 .create-ticket-btn{
     width: 200px;
     height: 60px;
@@ -374,20 +392,31 @@
 /*tab_user*/
 
 .tab_user_messanger{
-    width: calc(100% - 40px);
+    width: calc(100% - 60px);
     margin: auto;
-    height: 75px;
+    height: 55px;
+    padding: 10px;
+    transition: all ease-in-out 200ms;
+}
+
+.tab_user_messanger.select{
+    border-radius: 10px;
+    border: 1px solid #E6E6E6;
+    background: #FFF;
+    filter: drop-shadow(-1px 4px 10px rgba(198, 199, 203, 0.20)) drop-shadow(0px -1px 10px rgba(198, 199, 203, 0.20));
 }
 
 .left-part-tab-user{
-    width: 10%;
+    width: 20%;
     height: 100%;
     float: left;
+    padding-top: 4%;
 }
 .center-part-tab-user{
-    width: 70%;
+    width: 60%;
     height: 100%;
     display: inline-block;
+    padding-top: 5%;
 }
 
 .right-part-tab-user{

static/js/user_profile(boris).js

@@ -125,3 +125,7 @@ function createTicket (el) {
         }
     });
 }
+
+function selectedUserMessenger (el){
+    el.classList.toggle("select")
+}

templates/blocks/profile/b_create_ticket.html

@@ -26,14 +26,17 @@
         {% if form.errors.name %}<div class="errors">{{ form.errors.name }}</div>{% endif %}
     </div>
     <div class="container-input-form-create-ticket">
-        <div class="letrs-count" style="color: #27242499;position: relative;top: 39px;left: 760px;display: inline-block;"><span class="letrs-count-span">0</span><span>/500</span></div>
-        <textarea name="text"
-                  id="id_text"
-                  class="el-form-create-ticket-textarea"
-                  placeholder="Введите сообщение..."
-                  value="{% if form.adding_machine.text %}{{ form.initial.text }}{% endif %}"
-                  onkeyup="countLetters()"></textarea>
-        {% if form.errors.text %}<div class="errors">{{ form.errors.text }}</div>{% endif %}
+        <div style="width: 100%;min-height: 240px;">
+            <textarea name="text"
+                      id="id_text"
+                      class="el-form-create-ticket-textarea"
+                      placeholder="Введите сообщение..."
+                      value="{% if form.adding_machine.text %}{{ form.initial.text }}{% endif %}"
+                      onkeyup="countLetters()"></textarea>
+            {% if form.errors.text %}<div class="errors">{{ form.errors.text }}</div>{% endif %}
+            <div class="letrs-count"><span class="letrs-count-span">0</span><span>/500</span></div>
+        </div>
+
     </div>
     <div class="form-create-tickets-btns">
         <button class="create-ticket-btn" onclick="createTicket(this)">Создать тикет</button>

templates/widgets/w_tab_user.html

@@ -1,5 +1,5 @@
 {% load static %}
-<div class="tab_user_messanger">
+<div class="tab_user_messanger" onclick="selectedUserMessenger(this)">
     <div class="left-part-tab-user">
         <img class="user_avatar_messenger" src="{% static "delete_later/Avatar.png" %}">
         <div class="status_user">