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

View File

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