From fd46a2707850a78284361c617e241df31e34f9db Mon Sep 17 00:00:00 2001 From: Jean-Baptiste Pasquier Date: Mon, 30 Nov 2020 17:15:22 +0100 Subject: [PATCH 1/3] fix: avatars --- src/dependencies.pug | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/dependencies.pug b/src/dependencies.pug index d6cec94..a6a4718 100644 --- a/src/dependencies.pug +++ b/src/dependencies.pug @@ -65,6 +65,5 @@ script(data-default-context, type="application/ld+json") | "object": "http://happy-dev.fr/owl/#object", | "author": "http://happy-dev.fr/owl/#author", | "account": "http://happy-dev.fr/owl/#account", - | "jabberID": "foaf:jabberID", - | "picture": "foaf:depiction" + | "jabberID": "foaf:jabberID" | } From 84209c3ff31cfad03179f191413eb9cec6d3aaf7 Mon Sep 17 00:00:00 2001 From: Jean-Baptiste Pasquier Date: Mon, 30 Nov 2020 18:10:09 +0100 Subject: [PATCH 2/3] fix: chatbox height --- src/scripts/firefox-scroll.js | 12 ++++++++---- src/styles/layout/user/messages.scss | 5 ++++- 2 files changed, 12 insertions(+), 5 deletions(-) diff --git a/src/scripts/firefox-scroll.js b/src/scripts/firefox-scroll.js index 5f62468..8f78178 100644 --- a/src/scripts/firefox-scroll.js +++ b/src/scripts/firefox-scroll.js @@ -18,8 +18,10 @@ document.addEventListener("DOMContentLoaded", () => { let viewportChat = Array.from( document.querySelectorAll("#viewport .chat-view") ); + 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 - 106px - 57px - 4px)") + (c) => (c.style.height = "calc(100vh - "+String(headerOffset+intermediateOffset)+"px)") // Firefox keyboard 57px ); } } @@ -33,7 +35,7 @@ document.addEventListener("DOMContentLoaded", () => { clearInterval(isbody); resizeChat(); } - }, 15); + }, 50); window.addEventListener("load", () => { setTimeout(() => { @@ -41,10 +43,12 @@ document.addEventListener("DOMContentLoaded", () => { }, 0); }); + let windowResizing; window.addEventListener("resize", () => { - setTimeout(() => { + windowResizing = setTimeout(() => { + clearInterval(windowResizing); resizeChat(); - }, 0); + }, 50); }); document.addEventListener("navigate", () => { diff --git a/src/styles/layout/user/messages.scss b/src/styles/layout/user/messages.scss index f0ae1ec..db9e071 100644 --- a/src/styles/layout/user/messages.scss +++ b/src/styles/layout/user/messages.scss @@ -9,5 +9,8 @@ } .avatar-text { position: absolute; - top: 2.8rem; + top: 7.5rem; + @include breakpoint(lg) { + top: 2.8rem; + } } \ No newline at end of file From 9b5a12d10edaf6107c0598fba84452d85d4b6649 Mon Sep 17 00:00:00 2001 From: Jean-Baptiste Pasquier Date: Mon, 30 Nov 2020 19:04:50 +0100 Subject: [PATCH 3/3] 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)") ); } }