hippoz/waffle
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Compare commits

base: hippoz:f8af8a78fcb72bb882dd30e28e80d38ab8ec3709
Branches Tags
hippoz:master
..
compare: hippoz:8b14ff2c96e288003ae6a87f5e5c490334c940c7
Branches Tags
hippoz:master

No commits in common. "f8af8a78fcb72bb882dd30e28e80d38ab8ec3709" and "8b14ff2c96e288003ae6a87f5e5c490334c940c7" have entirely different histories.
f8af8a78fc ... 8b14ff2c96

2 changed files with 9 additions and 24 deletions
Show stats Expand all files Collapse all files

12
frontend/src/components/MessageInput.svelte
View file

@ -97,20 +97,14 @@
// Focus the text area when the component first loads, or when the user selects another channel
const focusTextarea = () => {
if (messageTextarea && getItem("ui:useragent:formFactor") !== "touch") {
messageTextarea.focus();
}
};
const focusTextarea = () => messageTextarea && messageTextarea.focus();
onMount(focusTextarea);
unsubscribers.push(selectedChannel.watch(focusTextarea));
unsubscribers.push(selectedChannel.subscribe(focusTextarea));
// Handle the setMessageInput event
unsubscribers.push(setMessageInputEvent.watch((value) => {
messageInput = value;
if (messageTextarea) {
messageTextarea.focus();
}
focusTextarea();
}));

21
frontend/src/responsive.js
View file

@ -9,21 +9,12 @@ function initViewportSizeHandler() {
root.style.setProperty("--viewportWidth", "100dvw");
root.style.setProperty("--viewportHeight", "100dvh");
} else if (method === "javascriptResponsive") {
if (window.visualViewport) {
const updateUnits = () => {
root.style.setProperty("--viewportWidth", `${window.visualViewport.width}px`);
root.style.setProperty("--viewportHeight", `${window.visualViewport.height}px`);
};
window.visualViewport.addEventListener("resize", updateUnits);
updateUnits();
} else {
const updateUnits = () => {
root.style.setProperty("--viewportWidth", `${window.innerWidth}px`);
root.style.setProperty("--viewportHeight", `${window.innerHeight}px`);
};
window.addEventListener("resize", updateUnits);
updateUnits();
}
const updateUnits = () => {
root.style.setProperty("--viewportWidth", `${window.innerWidth}px`);
root.style.setProperty("--viewportHeight", `${window.innerHeight}px`);
};
window.addEventListener("resize", updateUnits);
updateUnits();
} else if (method === "normalUnits") {
root.style.setProperty("--viewportWidth", "100vw");
root.style.setProperty("--viewportHeight", "100vh");