Merge remote-tracking branch 'origin/main'

static/css/styles(boris).css

@@ -691,6 +691,37 @@
     flex-basis: 0;
 }
 
+
+.inp_form_find_route_w_abbreviation{
+    border-top: 1px solid #E6E6E6;
+    border-right: 0;
+    border-bottom: 1px solid #E6E6E6;
+    border-left: 1px solid #E6E6E6;
+    display: block;
+    height: 97%;
+    width: 73%;
+    border-radius: 0;
+    float: left;
+
+}
+
+.inp_form_find_route_w_abbreviation.first{
+    border-top: 1px solid #E6E6E6;
+    border-right: 0;
+    border-bottom: 1px solid #E6E6E6;
+    border-left: 1px solid #E6E6E6;
+    display: block;
+    height: 97%;
+    width: 73%;
+    border-radius: 10px 0 0 10px;
+    float: left;
+
+}
+
+.container_inp_w_abr{
+    height: 66%;
+}
+
 .cont-el-form-search-carrier > button{
     width: 99%;
     border-radius: 10px;
@@ -700,19 +731,13 @@
 }
 
 .cont-el-form-search-carrier > input{
-    border:1px solid #E6E6E6;
+    border: 1px solid #E6E6E6;
     display: block;
-    height: 60px;
-    width: 99%;
+    height: 20px;
+    width: 89%;
+    padding: 20px 10px;
 }
 
-.cont-el-form-search-carrier.first > input{
-    border:1px solid #E6E6E6;
-    display: block;
-    height: 60px;
-    width: 99%;
-    border-radius: 10px 0 0 10px;
-}
 
 .cont-el-form-search-carrier.first > select{
     border:1px solid #E6E6E6;
@@ -745,6 +770,31 @@
     margin-top: 0;
 }
 
+.cont-el-form-search-carrier.last > select:focus-visible{
+    /*border:1px solid #E6E6E6;*/
+    outline: none;
+}
+
+.abbreviation_airport_in_search{
+    display: inline-block;
+    float: right;
+    width: 26%;
+    height: 97%;
+    border-top: 1px solid #E6E6E6;
+    border-right: 1px solid #E6E6E6;
+    border-bottom: 1px solid #E6E6E6;
+    border-left: 0;
+}
+
+
+.abbreviation_airport_in_search > text{
+    margin-top: 43%;
+    display: block;
+    font-size: 16px;
+    color: #27242499;
+    font-weight: 500;
+}
+
 
 .cont-el-form-search-carrier > label{
     color: #27242499;
@@ -757,6 +807,7 @@
     opacity: 0;
 }
 
+
 .block-filters-find-route{
     min-height: 660px;
     background: #FFFFFF;

static/js/chat_sockets.js

@@ -93,6 +93,7 @@ chatSocket.onmessage = function (e) {
                 if (el_tab !== null){
                     document.querySelector(".tab_user_messanger.select").classList.remove("select")
                     document.querySelector(`[data-cur-receiver-item="${old_item_tab_user}"]` ).classList.add("select")
+                    document.querySelector(`[data-cur-receiver-item="${old_item_tab_user}"]` ).scrollIntoView(false)
                 }
             }
 

templates/pages/p_results_find_route.html

@@ -12,13 +12,19 @@
         </div>
         <div class="container_form_search_carrier">
             <form>
-                <div class="cont-el-form-search-carrier first">
+                <div class="cont-el-form-search-carrier first abbreviation">
                     <label>Откуда</label>
-                    <input type="text">
+                    <div class="container_inp_w_abr">
+                        <input class="inp_form_find_route_w_abbreviation" type="text">
+                        <div class="abbreviation_airport_in_search"><text>MSQ</text></div>
+                    </div>
                 </div>
                 <div class="cont-el-form-search-carrier">
                     <label>Куда</label>
-                    <input type="text">
+                    <div class="container_inp_w_abr">
+                        <input class="inp_form_find_route_w_abbreviation" type="text">
+                        <div class="abbreviation_airport_in_search"><text>WAW</text></div>
+                    </div>
                 </div>
                 <div class="cont-el-form-search-carrier">
                     <label>Дата отправки</label>