0.0.329
This commit is contained in:
@@ -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%;
|
||||||
|
|||||||
@@ -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{
|
||||||
|
|||||||
@@ -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{
|
||||||
|
|||||||
@@ -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()
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user