diff --git a/static/css/mobile_styles.css b/static/css/mobile_styles.css index 9ef2d4c..fe1c2f6 100644 --- a/static/css/mobile_styles.css +++ b/static/css/mobile_styles.css @@ -1695,10 +1695,14 @@ } @media (max-width: 699px){ .block-chat.support { - height: calc(100vh - 190px); + /*height: calc(100vh - 190px);*/ + /*1. 100svh 2. 45px - header 3. name_ticket 4. just padding */ + height: calc(100svh - 45px - 40px - 50px); } .block-chat{ - height: calc(88vh - 50px); + /*height: calc(88vh - 50px);*/ + /*1. 100svh 2. 45px - header 3. just padding */ + height: calc(100svh - 45px - 50px); } .block_overlay.show{ display: block; diff --git a/static/js/global_js.js b/static/js/global_js.js index 28e5efa..0215713 100644 --- a/static/js/global_js.js +++ b/static/js/global_js.js @@ -11,6 +11,7 @@ window.onload = function (){ middleWareJS() openOrCloseCurtainSupportChat() openOverlayOrClose() + goToChatIfChat() // let body = document.querySelector("body") // const viewPortH = body.getBoundingClientRect().height; // const windowH = window.innerHeight; @@ -43,6 +44,20 @@ window.onload = function (){ } } // +function goToChatIfChat () { + if (document.querySelector('.block-chat')){ + let scroll_el = document.querySelector('.block-chat') + if (document.querySelector(".name_ticket")){ + scroll_el = document.querySelector(".name_ticket") + } + let top = scroll_el.offsetTop + window.scrollTo({top:top}) + } + document.addEventListener('focusout', function(e,scroll_el) { + window.scrollTo(scroll_el, 0) + }); +} + function middleWareJS(){ diff --git a/static/js/user_profile_2.js b/static/js/user_profile_2.js index e8517db..0fa427f 100644 --- a/static/js/user_profile_2.js +++ b/static/js/user_profile_2.js @@ -85,6 +85,7 @@ function select_tab_profile (el,url,owner_type=null) { } deleteMarkerMessages(el) checkStatesAfterTransitionToAnotherTabProfile() + goToChatIfChat() }, error: function (data){ console.log(data) @@ -555,7 +556,7 @@ function selectedUserMessenger (ticket_id=null,user_id=null,el){ // let left_curtain = document.querySelector('.curtain.left') document.querySelector(".info_profile").innerHTML = data.html; document.querySelector(".enter-message-inp").focus() - + goToChatIfChat() // document.querySelector(".tab_user_messanger.select").scrollIntoView({behavior: "smooth",block:'center',inline: 'start'}); if (document.querySelector(".menu_buttons.curtain.left.open")){ @@ -598,6 +599,9 @@ function selectedUserMessenger (ticket_id=null,user_id=null,el){ }); } + + + function checkStateAfterChooseContact () { if (document.querySelector('.menu_buttons.curtain.left.open')){ open_curtain_w_contacts() diff --git a/templates/blocks/profile/b_support_chat.html b/templates/blocks/profile/b_support_chat.html index 894f425..f597224 100644 --- a/templates/blocks/profile/b_support_chat.html +++ b/templates/blocks/profile/b_support_chat.html @@ -85,7 +85,7 @@ -