Fixed bugs

lChap701 · Oct 1, 2021 · d65a245 · d65a245
1 parent 16558bd
commit d65a245
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/public/js/script.js b/public/js/script.js
@@ -12,11 +12,18 @@ const message = document.querySelector("input[name='message']");
 const invite = document.querySelector("button#invite");
 const video = document.querySelector("button#video");
 const audio = document.querySelector("button#audio");
+const msgContainer = document.querySelector("#message-container");
 const messages = document.querySelector("#messages");
 const remoteVideo = document.querySelector("#remoteVideo");
 let myVideoStream;
 let newUser;
 
+window.addEventListener("resize", () => {
+  if (window.innerWidth > 1190) {
+    msgContainer.removeAttribute("style");
+  }
+});
+
 /* Attempts to send a message when the 'send' button is clicked */
 document.querySelector("button#send").addEventListener("click", () => {
   if (message.value.trim().length !== 0) {
@@ -43,12 +50,12 @@ invite.addEventListener("click", () => {
 
 /* Displays chat for smaller devices */
 document.querySelector("button#chat").addEventListener("click", () => {
-  document.querySelector("#message-container").style.display = "flex";
+  msgContainer.style.display = "flex";
 });
 
 /* Hides chat for smaller devices */
 document.querySelector("button#back").addEventListener("click", () => {
-  document.querySelector("#message-container").style.display = "none";
+  msgContainer.style.display = "none";
 });
 
 /* Disables or enables access to camera */

diff --git a/public/js/script.min.js b/public/js/script.min.js