From 791ac8d436268c45cc74cecdd0a4dbba3f213722 Mon Sep 17 00:00:00 2001
From: SBD <strigevitch.boris@gmail.com>
Date: Sun, 17 Dec 2023 08:39:47 +0300
Subject: [PATCH] correct work curtain at routes_find_routes

---
 static/css/mobile_styles.css | 60 ++++++++++++++++++++++++++++++++++++
 templates/tb_base.html       |  8 ++---
 2 files changed, 64 insertions(+), 4 deletions(-)

diff --git a/static/css/mobile_styles.css b/static/css/mobile_styles.css
index 4f46586..81c6448 100644
--- a/static/css/mobile_styles.css
+++ b/static/css/mobile_styles.css
@@ -1904,6 +1904,66 @@
         top: 35%;
         left: 34%;
     }
+    .menu_buttons.left.open.filters {
+        width: calc(100vw - 35px);
+        background: #FFFFFF;
+        border-radius: 10px;
+        height: 100vh;
+        left: 19px;
+        padding: 13px;
+        /* position: fixed; */
+        float: left;
+        text-align: left;
+        position: absolute;
+        top: 0;
+        transition: 0ms;
+        scrollbar-width: none;
+        box-sizing: border-box;
+    }
+    .menu_buttons.right.open {
+        right: 0;
+        transition: 200ms;
+        position: fixed;
+        display: block;
+        padding-top: 10px;
+        top: 35px;
+        background: #ffffff;
+        width: calc(100vw - 35px);
+    }
+    .menu_profile>div {
+        width: 80%;
+    }
+    .menu_buttons.close .btns_f_curtain {
+        transition: 200ms;
+        transform: rotate(270deg);
+        filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(0%) hue-rotate(162deg) brightness(104%) contrast(103%);
+        /* padding-right: 2px; */
+        padding-right: 0;
+        bottom: -2px;
+        position: relative;
+    }
+    .menu_buttons.left.open.first.filters .btns_f_curtain {
+        transition: 200ms;
+        transform: rotate(270deg);
+        filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(0%) hue-rotate(162deg) brightness(104%) contrast(103%);
+        padding-left: 10px;
+        position: relative;
+        top: 7px;
+    }
+    .menu_profile {
+        width: 100%;
+        text-align: -webkit-center;
+    }
+    .menu_buttons.right.open .handler_menu {
+        background: #FFFFFF;
+        color: #000000;
+        right: calc(100vw - 83px);
+    }
+    .menu_buttons.left.open .handler_menu {
+        background: #FFFFFF;
+        color: #000000;
+        left: calc(100vw - 83px);
+    }
     .tab-btn-1{
         padding: unset;
     }
diff --git a/templates/tb_base.html b/templates/tb_base.html
index b5fe358..7b30204 100644
--- a/templates/tb_base.html
+++ b/templates/tb_base.html
@@ -71,12 +71,12 @@
             {% include 'blocks/b_header.html' %}
 
                 <div class="cut_width_f_curtain close{% if page_type == 'profile' %}{% else %} n_profile{% endif %} right" onclick="reAdressClickOnbackrground(event,this)">
-                    <div class="menu_buttons curtain right {% if page_type == 'profile' %}{% if not mobile %}open{% else %}close{% endif %}{% else %} n_profile close{% endif %}" data-name="<img style='width: 25px;display: block;position: relative;bottom: 0;transform: rotate(270deg);' src='{% static "/img/svg/burger.svg" %}'>">
+                    <div class="menu_buttons curtain right {% if page_type == 'profile' %}{% if not mobile %}open{% else %}close{% endif %}{% else %} n_profile close{% endif %}" data-name="<img style='width: 15px;display: block;position: relative;bottom: 0;transform: rotate(270deg);' src='{% static "/img/svg/burger.svg" %}'>">
 
                         {% include "blocks/profile/b_buttons_menu_profile.html" %}
                         <div class="handler_menu close" onclick="open_curtain_w_btn_profile()">
                             <img class="btns_f_curtain close left" src="{% static 'img/svg/arrow_f_curtain.svg' %}">
-                            <div class="text_f_curtain left"><img style='width: 25px;display: block;position: relative;bottom: 0;transform: rotate(270deg);' src='{% static "/img/svg/burger.svg" %}'></div>
+                            <div class="text_f_curtain left"><img style='width: 15px;display: block;position: relative;bottom: 0;transform: rotate(270deg);' src='{% static "/img/svg/burger.svg" %}'></div>
                             <img class="btns_f_curtain close right"  src="{% static 'img/svg/arrow_f_curtain.svg' %}">
                             <div class="clear_both"></div>
                         </div>
@@ -84,12 +84,12 @@
                 </div>
             {% if page_type == 'routes' %}
                 <div class="cut_width_f_curtain{% if page_type == 'profile' %}{% else %} n_profile{% endif %} left ">
-                    <div class="menu_buttons curtain left open first filters" data-name="<img style='width: 20px;display: block;position: relative;bottom: 2;transform: rotate(270deg);' src='{% static "/img/svg/filter.svg" %}'>">
+                    <div class="menu_buttons curtain left open first filters" data-name="<img style='width: 15px;display: block;position: relative;bottom: 0;transform: rotate(270deg);' src='{% static "/img/svg/filter.svg" %}'>">
 
                         {% include "forms/f_find_route_filters_form.html" %}
                         <div class="handler_menu close" onclick="open_curtain_w_contacts()">
                             <img class="btns_f_curtain close left" src="{% static 'img/svg/arrow_f_curtain.svg' %}">
-                            <div class="text_f_curtain left"><img style='width: 20px;display: block;position: relative;bottom: 2px;transform: rotate(270deg);' src='{% static "/img/svg/filter.svg" %}'></div>
+                            <div class="text_f_curtain left"><img style='width: 15px;display: block;position: relative;bottom: 0;transform: rotate(270deg);' src='{% static "/img/svg/filter.svg" %}'></div>
                             <img class="btns_f_curtain close right"  src="{% static 'img/svg/arrow_f_curtain.svg' %}">
                             <div class="clear_both"></div>
                         </div>