From 9b5a12d10edaf6107c0598fba84452d85d4b6649 Mon Sep 17 00:00:00 2001 From: Jean-Baptiste Pasquier Date: Mon, 30 Nov 2020 19:04:50 +0100 Subject: [PATCH] fix: chatbox height --- src/scripts/firefox-scroll.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/scripts/firefox-scroll.js b/src/scripts/firefox-scroll.js index 8f78178..4405aa6 100644 --- a/src/scripts/firefox-scroll.js +++ b/src/scripts/firefox-scroll.js @@ -1,5 +1,6 @@ document.addEventListener("DOMContentLoaded", () => { const resizeChat = () => { + let isMobile = window.innerHeight < 993; let chatBox = Array.from(document.querySelectorAll("solid-xmpp-chat")) .map((el) => el.shadowRoot ? el.shadowRoot.getElementById("conversejs") : false) .filter((el) => el) @@ -21,7 +22,7 @@ document.addEventListener("DOMContentLoaded", () => { let headerOffset = document.querySelector('#header').offsetHeight; let intermediateOffset = Array.from(document.querySelectorAll(".content-box__header")).filter(el=>el.offsetParent!==null?el:null)[0].offsetHeight; viewportChat.forEach( - (c) => (c.style.height = "calc(100vh - "+String(headerOffset+intermediateOffset)+"px)") // Firefox keyboard 57px + (c) => (c.style.height = isMobile ? "calc(100vh - "+String(headerOffset+intermediateOffset)+"px - 57px)" : "calc(100vh - "+String(headerOffset+intermediateOffset)+"px)") ); } }