diff --git a/static/css/mobile_styles.css b/static/css/mobile_styles.css index 4c4a2c4..d82f1ec 100644 --- a/static/css/mobile_styles.css +++ b/static/css/mobile_styles.css @@ -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{ diff --git a/templates/blocks/b_user_profile.html b/templates/blocks/b_user_profile.html index 9eec15f..cc9b049 100644 --- a/templates/blocks/b_user_profile.html +++ b/templates/blocks/b_user_profile.html @@ -5,9 +5,10 @@