Merge remote-tracking branch 'origin/main'

static/css/mobile_styles.css

@@ -531,6 +531,9 @@
         filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(21%) hue-rotate(344deg) brightness(105%) contrast(106%);
         padding-left: 10px;
     }
+    .menu_buttons.open .block_overlay{
+        display: block;
+    }
 
      .text_f_curtain{
          display: inline-block;
@@ -548,6 +551,16 @@
         font-size: 12px;
         line-height: 13px;
     }
+
+    .block_overlay{
+        height: 100vh;
+        width: 100vw;
+        background: rgba(39, 53, 62, 0.7);
+        backdrop-filter: blur(15px);
+        z-index: 100;
+        position: fixed;
+        top: 86px;
+    }
     #customer>a, #mover>a{
         left: 5%;
     }

static/css/styles(boris).css

@@ -33,7 +33,8 @@
     backdrop-filter: blur(15px);
     z-index: 100;
     position: fixed;
-    top: 46px;
+    top: 86px;
+    display: none;
 }
 
 .block_overlay.hidden{
@@ -2179,5 +2180,140 @@
     transition: 200ms;
     position: absolute;
     width: 320px;
+    opacity: 0;
+}
+
+/* for curtain right*/
+
+.menu_buttons{
+    /*background: #FFFFFF;*/
+    /*height: 100vh;*/
+    z-index: 99;
+    top: 87px;
+    overflow: auto;
+    transition: 200ms;
+    width: 320px;
+
+}
+
+.menu_buttons.right.close{
+    right: -320px;
+    transition: 200ms;
+    position: absolute;
+    width: 320px;
+    float: right;
+}
+
+.menu_buttons.left.close{
+    left: -320px;
+    transition: 200ms;
+    position: absolute;
+    width: 320px;
+}
+.menu_buttons.right.open{
+    right: 0;
+    transition: 200ms;
+    position: unset;
+    display: block;
+    padding-top: 10px;
+    width: 320px;
+}
+
+.menu_buttons.left.open{
+    left: 0;
+    transition: 200ms;
+    position: fixed;
+    padding-top: 10px;
+}
+.handler_menu.left.close{
+    background: #FF613A;
+    color: #FFFFFF;
+    left: -49px;
+}
+.handler_menu.right.close{
+    background: #FF613A;
+    color: #FFFFFF;
+    right: -49px;
+}
+.menu_buttons.left.open .handler_menu{
+    background: #FFFFFF;
+    color: #000000;
+    left: 272px;
+}
+.menu_buttons.right.open .handler_menu{
+    background: #FFFFFF;
+    color: #000000;
+    right: 272px;
+
+}
+.menu_buttons.close .handler_menu{
+    background: #FF613A;
+    color: #FFFFFF;
+}
+.menu_buttons.right .handler_menu{
+    transform: rotate(270deg);
+    right: -49px;
+    width: 91px;
+    height: 18px;
+    /*display: block;*/
+    position: fixed;
+    text-align: center;
+    top: 39%;
+    border-radius: 10px 10px 0 0;
+    padding: 7px 18px 7px 18px;
     display: none;
+}
+.menu_buttons.left .handler_menu{
+    transform: rotate(90deg);
+    width: 91px;
+    height: 18px;
+    display: block;
+    position: fixed;
+    left: -48px;
+    text-align: center;
+    top: 39%;
+    border-radius: 10px 10px 0 0;
+    padding: 7px 18px 7px 18px;
+}
+
+.btns_f_curtain{
+    width: 7px;
+    transition: 200ms;
+    display: block;
+
+}
+.btns_f_curtain.left{
+    float: left;
+}
+.btns_f_curtain.right{
+    float: right;
+}
+.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: 10px;
+}
+.menu_buttons.open .btns_f_curtain{
+    transition: 200ms;
+    transform: rotate(90deg);
+    filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(21%) hue-rotate(344deg) brightness(105%) contrast(106%);
+    padding-left: 10px;
+}
+
+ .text_f_curtain{
+     display: inline-block;
+ }
+
+.menu_profile{
+    width: 320px;
+    text-align: -webkit-center;
+}
+
+.menu_profile>div{
+    width: 274px;
+}
+.menu_profile>div>a{
+    font-size: 12px;
+    line-height: 13px;
 }

static/css/styles.css

@@ -1098,7 +1098,8 @@ section.login>form>div>div:nth-child(5)>a {
 section.profile {
     padding: 60px 40px 0;
     margin-bottom: 120px;
-
+    width: 60%;
+    float: left;
 }
 
 
@@ -1195,8 +1196,8 @@ h2.title_new_route{
 }
 
 .info_profile{
-    width: calc(69% - 40px);
-    float: right;
+    width: 100%;
+    display: block;
 }
 
 .info_profile>h1 {