From 4b05dcc7a7e00e566d8a63a9e8ab41e496f576f1 Mon Sep 17 00:00:00 2001
From: borissedw <strigevitch.boris@gmail.com>
Date: Tue, 15 Aug 2023 12:51:21 +0300
Subject: [PATCH] 0.0.140

---
 static/css/styles(boris).css              | 71 +++++++++++++++++++----
 static/js/chat_sockets.js                 |  1 +
 templates/pages/p_results_find_route.html | 12 +++-
 3 files changed, 71 insertions(+), 13 deletions(-)

diff --git a/static/css/styles(boris).css b/static/css/styles(boris).css
index 5d15a2e..e06821b 100644
--- a/static/css/styles(boris).css
+++ b/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;
diff --git a/static/js/chat_sockets.js b/static/js/chat_sockets.js
index 4dace75..8187de7 100644
--- a/static/js/chat_sockets.js
+++ b/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)
                 }
             }
 
diff --git a/templates/pages/p_results_find_route.html b/templates/pages/p_results_find_route.html
index 097be59..f53a2d5 100644
--- a/templates/pages/p_results_find_route.html
+++ b/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>