diff --git a/static/css/mobile_styles.css b/static/css/mobile_styles.css index f98f1b9..c1a2012 100644 --- a/static/css/mobile_styles.css +++ b/static/css/mobile_styles.css @@ -416,6 +416,8 @@ section.profile{ padding: unset; + width: 100%; + float: unset; } .dectop_var_f_btns_temp{ @@ -435,6 +437,7 @@ transition: 200ms; position: absolute; width: 320px; + top: 46px; } .menu_buttons.left.close{ @@ -443,12 +446,13 @@ position: absolute; width: 320px; } - .menu_buttons.right.open{ + .menu_buttons.right.open { right: 0; transition: 200ms; position: fixed; display: block; padding-top: 10px; + top: 46px; } .menu_buttons.left.open{ @@ -467,6 +471,7 @@ background: #FF613A; color: #FFFFFF; left: -49px; + } .menu_buttons.left.open .handler_menu{ background: #FFFFFF; @@ -555,11 +560,12 @@ .block_overlay{ height: 100vh; width: 100vw; - background: rgba(39, 53, 62, 0.7); + /*background: rgba(39, 53, 62, 0.7);*/ backdrop-filter: blur(15px); z-index: 100; position: fixed; top: 86px; + left: -19px; } #customer>a, #mover>a{ left: 5%; diff --git a/static/css/styles(boris).css b/static/css/styles(boris).css index c1b9183..4d22dd1 100644 --- a/static/css/styles(boris).css +++ b/static/css/styles(boris).css @@ -29,8 +29,8 @@ .block_overlay{ height: 100vh; /*width: 100vw;*/ - background: rgba(39, 53, 62, 0.7); - backdrop-filter: blur(15px); + /*background: rgba(39, 53, 62, 0.7);*/ + backdrop-filter: blur(6px); z-index: 100; /*position: fixed;*/ top: 86px; @@ -40,8 +40,8 @@ .block_overlay.n_profile{ height: 100%; width: 100%; - background: rgba(39, 53, 62, 0.7); - backdrop-filter: blur(15px); + /*background: rgba(39, 53, 62, 0.7);*/ + backdrop-filter: blur(6px); z-index: 100; position: absolute; top: -55px; @@ -2216,11 +2216,12 @@ } .menu_buttons.right.close{ - right: -320px; + right: 0; transition: 200ms; position: absolute; width: 320px; - float: right; + /* float: right; */ + top: -100vh; } .menu_buttons.left.close{ @@ -2234,9 +2235,10 @@ transition: 200ms; position: absolute; display: block; - /*padding-top: 10px;*/ + /* padding-top: 10px; */ width: 320px; top: -54px; + border-radius: 10px; } .menu_buttons.left.open{ diff --git a/static/css/styles.css b/static/css/styles.css index 7f34125..102e0eb 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -1190,8 +1190,12 @@ h2.title_new_route{ transition: background 200ms cubic-bezier(1, -0.16, 0, 1.14) } +.selected>.text_btn_profile{ + color:white ; +} + .selected>a{ - color:white !important; + color:white; } .selected>img.svg{ diff --git a/static/js/user_profile_2.js b/static/js/user_profile_2.js index f8236be..b161f33 100644 --- a/static/js/user_profile_2.js +++ b/static/js/user_profile_2.js @@ -666,17 +666,28 @@ function open_curtain (left=null,right=null,overlay=null,close=null){ let page_profile = true let curtain_name = '' let curtain = '' + let left_curtain = document.querySelector(".menu_buttons.left") + let right_curtain = document.querySelector(".menu_buttons.right") if (left || right){ if (left){ - curtain = document.querySelector(".menu_buttons.left") - curtain.style.zIndex = '101' - document.querySelector(".menu_buttons.right").style.zIndex = '99' - curtain_name = curtain.dataset['name'] + if (left_curtain){ + curtain = left_curtain + curtain.style.zIndex = '101' + if (right_curtain) { + right_curtain.style.zIndex = '99' + curtain_name = curtain.dataset['name'] + } + } + } else if (right) { - curtain = document.querySelector(".menu_buttons.right") - curtain.style.zIndex = '101' - document.querySelector(".menu_buttons.left").style.zIndex = '99' - curtain_name = curtain.dataset['name'] + if (right_curtain){ + curtain = right_curtain + curtain.style.zIndex = '101' + if (left_curtain) { + left_curtain.style.zIndex = '99' + curtain_name = curtain.dataset['name'] + } + } } } else { curtain = getOpenCurtain() diff --git a/templates/tb_base.html b/templates/tb_base.html index 65dd9d3..e5261b3 100644 --- a/templates/tb_base.html +++ b/templates/tb_base.html @@ -59,22 +59,22 @@ {% include 'blocks/b_header.html' %}