diff --git a/src/locales/en.json b/src/locales/en.json index 2744724..7b06fc0 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -15,12 +15,12 @@ "project": "project", "circle": "circle" }, - "dashboard": "Dahsboard", + "dashboard": "Dashboard", "events": "Events", "gov": "Governance", "resources": "Resources", "jobBoard": "Job offers", - "profileDirectory": "Members directory", + "profileDirectory": "Profiles directory", "projects": "Projects", "circles": "Circles", "messages": "Messages", diff --git a/src/scripts/firefox-scroll.js b/src/scripts/firefox-scroll.js index 5f62468..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) @@ -18,8 +19,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 = isMobile ? "calc(100vh - "+String(headerOffset+intermediateOffset)+"px - 57px)" : "calc(100vh - "+String(headerOffset+intermediateOffset)+"px)") ); } } @@ -33,7 +36,7 @@ document.addEventListener("DOMContentLoaded", () => { clearInterval(isbody); resizeChat(); } - }, 15); + }, 50); window.addEventListener("load", () => { setTimeout(() => { @@ -41,10 +44,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/scripts/login-element-visibility.js b/src/scripts/login-element-visibility.js index 3210e53..689dbb2 100644 --- a/src/scripts/login-element-visibility.js +++ b/src/scripts/login-element-visibility.js @@ -10,8 +10,6 @@ document.addEventListener("DOMContentLoaded", function () { document .querySelector('.loggedIn') .setAttribute("style", "display:none !important"); - } else { - document.querySelector('sib-auth').login(); } }); }); \ No newline at end of file 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 diff --git a/src/views/partials/header.pug b/src/views/partials/header.pug index 0bcee58..b49ad92 100644 --- a/src/views/partials/header.pug +++ b/src/views/partials/header.pug @@ -35,7 +35,7 @@ button.loggedIn(role='log in' onclick="document.querySelector('sib-auth').login( button.notLoggedIn.mobile-menu-icon.icon-menu#toggleMainMenu -sib-auth(style='display:none!important') +sib-auth(style='display:none!important', auto-login) sib-auth-provider( data-authority=`${authority}` data-id=`${authorityName || "authority"}`