diff --git a/static/css/mobile_styles.css b/static/css/mobile_styles.css
index 3a1b179..acfb519 100644
--- a/static/css/mobile_styles.css
+++ b/static/css/mobile_styles.css
@@ -969,10 +969,10 @@
.left-part-block-enter-message{
- width: 70%;
+ width: calc(70% - 74px);
}
.right-part-block-enter-message{
- width: 30%;
+ width: 74px;
}
.container-message_support_chat{
width: 70%;
diff --git a/static/css/styles(boris).css b/static/css/styles(boris).css
index 5eedacc..03a223f 100644
--- a/static/css/styles(boris).css
+++ b/static/css/styles(boris).css
@@ -575,12 +575,12 @@
}
.left-part-block-enter-message{
- width: 80%;
+ width: calc(80% - 74px);
float: left;
}
.right-part-block-enter-message{
- width: 20%;
+ width: 74px;
float: right;
padding-top: 11px;
text-align: right;
diff --git a/static/css/styles.css b/static/css/styles.css
index 7f0275e..2215551 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -136,8 +136,15 @@ legend {
}
html, body{
- height: 100%;
+ /*height: 100%;*/
scroll-behavior: smooth;
+ /*boris changed height*/
+ height: 100vh;
+ height: -webkit-fill-available;
+ height: fill-available;
+ max-height: fill-available;
+ max-height: -webkit-fill-available;
+/* end*/
}
.wrapper_content {
diff --git a/static/js/global_js.js b/static/js/global_js.js
index 86159de..28e5efa 100644
--- a/static/js/global_js.js
+++ b/static/js/global_js.js
@@ -11,9 +11,14 @@ window.onload = function (){
middleWareJS()
openOrCloseCurtainSupportChat()
openOverlayOrClose()
- let height = window.innerHeight
- document.querySelector('body').style.maxHeight = height + 'px'
- document.querySelector('body').style.height = height + 'px'
+ // let body = document.querySelector("body")
+ // const viewPortH = body.getBoundingClientRect().height;
+ // const windowH = window.innerHeight;
+ // const browserUiBarsH = viewPortH - windowH;
+ // body.style.height = `calc(100vh - ${browserUiBarsH}px)`;
+ // let height = window.innerHeight
+ // document.querySelector('body').style.maxHeight = height + 'px'
+ // document.querySelector('body').style.height = height + 'px'
if (window.location.href.includes('profile') && !window.location.href.includes('login') && !window.location.href.includes('registration')){
let user_type = getInfoAboutUser()
if (user_type === 'mobile') {
@@ -39,6 +44,7 @@ window.onload = function (){
}
//
+
function middleWareJS(){
let footer = document.querySelector("footer")
let body = document.querySelector("body")
diff --git a/templates/tb_base.html b/templates/tb_base.html
index a736a1a..c55556b 100644
--- a/templates/tb_base.html
+++ b/templates/tb_base.html
@@ -6,7 +6,7 @@
{# #}
-
+