correct work curtain at routes_find_routes

This commit is contained in:
SBD
2023-12-17 08:39:47 +03:00
parent a3d6f498b1
commit 791ac8d436
2 changed files with 64 additions and 4 deletions

View File

@@ -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;
}

View File

@@ -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>