This commit is contained in:
2023-11-02 17:45:18 +03:00
parent 1acda2bb11
commit 63d5b62229
2 changed files with 29 additions and 17 deletions

View File

@@ -401,6 +401,7 @@
left: -320px;
transition: 200ms;
position: absolute;
width: 352px;
}
.menu_buttons.open{
left: 0;
@@ -410,38 +411,48 @@
background: #FF613A;
color: #FFFFFF;
}
.handler_menu.close{
.menu_buttons.open .handler_menu{
background: #FFFFFF;
color: #000000;
}
.menu_buttons.close .handler_menu{
background: #FF613A;
color: #FFFFFF;
}
.handler_menu{
transform: rotate(90deg);
}
.btns_f_curtain{
width: 11px;
transition: 200ms;
display: block;
}
.btns_f_curtain.left{
float: left;
}
.btns_f_curtain.right{
float: right;
}
.btns_f_curtain.open{
transform: rotate(240deg);
transform: rotate(90deg);
}
.btns_f_curtain.open{
transform: rotate(0deg);
.btns_f_curtain.close{
transform: rotate(270deg);
}
.text_f_curtain{
font-size: 12px;
color: #000000;
}
.text_f_curtain.right{
transform: rotate(240deg);
}
.text_f_curtain.left{
transform: rotate(90deg);
.text_f_curtain{
display: inline-block;
}
.handler_menu{
width: 127px;
height: 32px;
display: block;
position: absolute;
right: 0;
right: -47px;
text-align: center;
top: 50%;
border-radius: 10px 10px 0 0;
}
.menu_profile{

View File

@@ -5,9 +5,10 @@
<div class="menu_buttons close">
{% include "blocks/profile/b_buttons_menu_profile.html" %}
<div class="handler_menu close">
<img class="btns_f_curtain close" 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>
<img class="btns_f_curtain close" 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>
</div>