0.0.153 routes

static/v2/css/blocks/b_chat_modal.css

@@ -0,0 +1,28 @@
+.b_chat_modal {
+    --modal-width: 35%;
+    --modal-height: calc(100dvh - 100px);
+    --modal-padding: 0;
+    .chat_header{
+        height: 104px;
+        padding: 10px 20px 26px 20px;
+    }
+    .close_chat_container{
+        display: flex;
+        justify-content: right;
+        .close_btn{
+            --filter: brightness(0) saturate(100%) invert(99%) sepia(12%) saturate(182%) hue-rotate(183deg) brightness(115%) contrast(100%);;
+            padding: 8.94px;
+            width: 28px;
+            height: 28px;
+            background: #FF613A;
+            border-radius: 100%;
+            box-sizing: border-box;
+            img{
+                width: 10.12px;
+                height: 10.12px;
+                display: block;
+                filter: var(--filter);
+            }
+        }
+    }
+}

static/v2/css/service/modal.css

@@ -1,5 +1,8 @@
 .modal {
     display: none;
+
+    --modal-bg: #fff;
+    --modal-ba: 30px;
     &.open{
         display: block;
     }
@@ -16,4 +19,20 @@
         backdrop-filter: var(--backdrop-filter);
         z-index: 10000000;
     }
+    .modal_body{
+        position: fixed;
+        background: var(--modal-bg);
+        box-shadow: 0 3px 14px rgba(74, 58, 255, 0.03), 0 -2px 4px rgba(20, 20, 43, 0.12), 0 12px 44px rgba(20, 20, 43, 0.34);
+        border-radius: var(--modal-ba);
+
+        width: var(--modal-width);
+        height: var(--modal-height);
+        padding: var(--modal-padding);
+
+        left: calc(50% - (var(--modal-width) / 2));
+        top: calc(50% - (var(--modal-height) / 2));
+        z-index: 1000000000;
+
+        box-sizing: border-box;
+    }
 }

templates/v2/blocks/b_chat_modal.html

@@ -0,0 +1,22 @@
+{% load static %}
+{% load i18n %}
+<link rel="stylesheet" href="{% static "v2/css/blocks/b_chat_modal.css" %}">
+
+<div class="b_chat_modal open modal">
+    <div class="overlay"></div>
+    <div class="modal_body">
+
+        <div class="chat_header">
+            <div class="close_chat_container">
+                <div class="close_btn">
+                    <img src="{% static 'v2/icons/service/modal/xmark.svg' %}">
+                </div>
+            </div>
+
+            <div class="chat_">
+
+            </div>
+        </div>
+
+    </div>
+</div>

templates/v2/pages/p_search_route_results.html

@@ -21,6 +21,7 @@
     <div class="title">{% trans "Поиск посылки" %}</div>
     {% include 'v2/blocks/b_search_routes.html' %}
     {% if not user.is_authenticated %}{% include 'v2/blocks/b_login_modal.html' %}{% endif %}
+{#    {% include 'v2/blocks/b_chat_modal.html' %}#}
     <div class="routes_content_part">
         {% include "v2/blocks/b_filter_routes.html" %}
         <div class="routes_search_results"></div>