This commit is contained in:
2023-11-06 15:58:49 +03:00
parent 09c74d8f85
commit a23ccb7ac4
5 changed files with 51 additions and 28 deletions

View File

@@ -416,6 +416,8 @@
section.profile{ section.profile{
padding: unset; padding: unset;
width: 100%;
float: unset;
} }
.dectop_var_f_btns_temp{ .dectop_var_f_btns_temp{
@@ -435,6 +437,7 @@
transition: 200ms; transition: 200ms;
position: absolute; position: absolute;
width: 320px; width: 320px;
top: 46px;
} }
.menu_buttons.left.close{ .menu_buttons.left.close{
@@ -443,12 +446,13 @@
position: absolute; position: absolute;
width: 320px; width: 320px;
} }
.menu_buttons.right.open{ .menu_buttons.right.open {
right: 0; right: 0;
transition: 200ms; transition: 200ms;
position: fixed; position: fixed;
display: block; display: block;
padding-top: 10px; padding-top: 10px;
top: 46px;
} }
.menu_buttons.left.open{ .menu_buttons.left.open{
@@ -467,6 +471,7 @@
background: #FF613A; background: #FF613A;
color: #FFFFFF; color: #FFFFFF;
left: -49px; left: -49px;
} }
.menu_buttons.left.open .handler_menu{ .menu_buttons.left.open .handler_menu{
background: #FFFFFF; background: #FFFFFF;
@@ -555,11 +560,12 @@
.block_overlay{ .block_overlay{
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
background: rgba(39, 53, 62, 0.7); /*background: rgba(39, 53, 62, 0.7);*/
backdrop-filter: blur(15px); backdrop-filter: blur(15px);
z-index: 100; z-index: 100;
position: fixed; position: fixed;
top: 86px; top: 86px;
left: -19px;
} }
#customer>a, #mover>a{ #customer>a, #mover>a{
left: 5%; left: 5%;

View File

@@ -29,8 +29,8 @@
.block_overlay{ .block_overlay{
height: 100vh; height: 100vh;
/*width: 100vw;*/ /*width: 100vw;*/
background: rgba(39, 53, 62, 0.7); /*background: rgba(39, 53, 62, 0.7);*/
backdrop-filter: blur(15px); backdrop-filter: blur(6px);
z-index: 100; z-index: 100;
/*position: fixed;*/ /*position: fixed;*/
top: 86px; top: 86px;
@@ -40,8 +40,8 @@
.block_overlay.n_profile{ .block_overlay.n_profile{
height: 100%; height: 100%;
width: 100%; width: 100%;
background: rgba(39, 53, 62, 0.7); /*background: rgba(39, 53, 62, 0.7);*/
backdrop-filter: blur(15px); backdrop-filter: blur(6px);
z-index: 100; z-index: 100;
position: absolute; position: absolute;
top: -55px; top: -55px;
@@ -2216,11 +2216,12 @@
} }
.menu_buttons.right.close{ .menu_buttons.right.close{
right: -320px; right: 0;
transition: 200ms; transition: 200ms;
position: absolute; position: absolute;
width: 320px; width: 320px;
float: right; /* float: right; */
top: -100vh;
} }
.menu_buttons.left.close{ .menu_buttons.left.close{
@@ -2234,9 +2235,10 @@
transition: 200ms; transition: 200ms;
position: absolute; position: absolute;
display: block; display: block;
/*padding-top: 10px;*/ /* padding-top: 10px; */
width: 320px; width: 320px;
top: -54px; top: -54px;
border-radius: 10px;
} }
.menu_buttons.left.open{ .menu_buttons.left.open{

View File

@@ -1190,8 +1190,12 @@ h2.title_new_route{
transition: background 200ms cubic-bezier(1, -0.16, 0, 1.14) transition: background 200ms cubic-bezier(1, -0.16, 0, 1.14)
} }
.selected>.text_btn_profile{
color:white ;
}
.selected>a{ .selected>a{
color:white !important; color:white;
} }
.selected>img.svg{ .selected>img.svg{

View File

@@ -666,17 +666,28 @@ function open_curtain (left=null,right=null,overlay=null,close=null){
let page_profile = true let page_profile = true
let curtain_name = '' let curtain_name = ''
let curtain = '' let curtain = ''
let left_curtain = document.querySelector(".menu_buttons.left")
let right_curtain = document.querySelector(".menu_buttons.right")
if (left || right){ if (left || right){
if (left){ if (left){
curtain = document.querySelector(".menu_buttons.left") if (left_curtain){
curtain.style.zIndex = '101' curtain = left_curtain
document.querySelector(".menu_buttons.right").style.zIndex = '99' curtain.style.zIndex = '101'
curtain_name = curtain.dataset['name'] if (right_curtain) {
right_curtain.style.zIndex = '99'
curtain_name = curtain.dataset['name']
}
}
} else if (right) { } else if (right) {
curtain = document.querySelector(".menu_buttons.right") if (right_curtain){
curtain.style.zIndex = '101' curtain = right_curtain
document.querySelector(".menu_buttons.left").style.zIndex = '99' curtain.style.zIndex = '101'
curtain_name = curtain.dataset['name'] if (left_curtain) {
left_curtain.style.zIndex = '99'
curtain_name = curtain.dataset['name']
}
}
} }
} else { } else {
curtain = getOpenCurtain() curtain = getOpenCurtain()

View File

@@ -59,22 +59,22 @@
{% include 'blocks/b_header.html' %} {% include 'blocks/b_header.html' %}
<div class="wrapper_content"> <div class="wrapper_content">
<div class="block_overlay hidden {% if not page_type == 'profile' %}n_profile{% endif %}" onclick="open_curtain()"></div> <div class="block_overlay hidden {% if not page_type == 'profile' %}n_profile{% endif %}" onclick="open_curtain()"></div>
<div class="menu_buttons curtain left close" data-name="Меню"> {# <div class="menu_buttons curtain left close" data-name="Меню">#}
{# {% include "blocks/profile/b_buttons_menu_profile.html" %}#} {# {% include "blocks/profile/b_buttons_menu_profile.html" %}#}
<div class="handler_menu close" onclick="open_curtain('left')"> {# <div class="handler_menu close" onclick="open_curtain('left')">#}
<img class="btns_f_curtain close left" src="{% static 'img/svg/arrow_f_curtain.svg' %}"> {# <img class="btns_f_curtain close left" src="{% static 'img/svg/arrow_f_curtain.svg' %}">#}
<div class="text_f_curtain left">Меню</div> {# <div class="text_f_curtain left">Меню</div>#}
<img class="btns_f_curtain close right" src="{% static 'img/svg/arrow_f_curtain.svg' %}"> {# <img class="btns_f_curtain close right" src="{% static 'img/svg/arrow_f_curtain.svg' %}">#}
<div class="clear_both"></div> {# <div class="clear_both"></div>#}
</div> {# </div>#}
</div> {# </div>#}
{% block content %} {% block content %}
{% endblock %} {% endblock %}
<div class="menu_buttons curtain right {% if page_type == 'profile' %}open{% else %} close{% endif %}" data-name="Меню кнопок"> <div class="menu_buttons curtain right {% if page_type == 'profile' %}open{% else %} close{% endif %}" data-name="Меню">
{% include "blocks/profile/b_buttons_menu_profile.html" %} {% include "blocks/profile/b_buttons_menu_profile.html" %}
<div class="handler_menu close" onclick="open_curtain(null,'right')"> <div class="handler_menu close" onclick="open_curtain(null,'right')">
<img class="btns_f_curtain close left" src="{% static 'img/svg/arrow_f_curtain.svg' %}"> <img class="btns_f_curtain close left" src="{% static 'img/svg/arrow_f_curtain.svg' %}">
<div class="text_f_curtain left">Меню кнопок</div> <div class="text_f_curtain left">Меню</div>
<img class="btns_f_curtain close right" src="{% static 'img/svg/arrow_f_curtain.svg' %}"> <img class="btns_f_curtain close right" src="{% static 'img/svg/arrow_f_curtain.svg' %}">
<div class="clear_both"></div> <div class="clear_both"></div>
</div> </div>