diff --git a/static/css/mobile_styles.css b/static/css/mobile_styles.css index f178f48..f98f1b9 100644 --- a/static/css/mobile_styles.css +++ b/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%; } diff --git a/static/css/styles(boris).css b/static/css/styles(boris).css index 95e5eaf..89f48de 100644 --- a/static/css/styles(boris).css +++ b/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; } \ No newline at end of file diff --git a/static/css/styles.css b/static/css/styles.css index 514dd0b..d3d56f7 100644 --- a/static/css/styles.css +++ b/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 { diff --git a/static/js/user_profile_2.js b/static/js/user_profile_2.js index 9e59279..aabc672 100644 --- a/static/js/user_profile_2.js +++ b/static/js/user_profile_2.js @@ -55,7 +55,10 @@ function select_tab_profile (el,url,owner_type=null) { middleWareJS() - closeCurtain() + let user_type = getInfoAboutUser() + if (user_type === 'mobile') { + closeCurtain() + } }, error: function (data){ @@ -65,6 +68,16 @@ function select_tab_profile (el,url,owner_type=null) { }); } +function getInfoAboutUser (){ + let user_type = '' + if (screen.width < 1024){ + user_type = 'mobile' + } else { + user_type = 'dectop' + } + return user_type +} + function createTicketShow () { $.ajax({ headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() }, diff --git a/templates/blocks/b_header.html b/templates/blocks/b_header.html index 3a0b22b..de5458e 100644 --- a/templates/blocks/b_header.html +++ b/templates/blocks/b_header.html @@ -60,7 +60,8 @@ {% if user.is_authenticated %} {# boris changed #}