From f5355d67dd578e3c2db009d8df22cda46550b5be Mon Sep 17 00:00:00 2001
From: Henry Hiles <henry@henryhiles.com>
Date: Mon, 31 Jan 2022 11:09:38 -0500
Subject: [PATCH] Added extra feature for mobile

---
 public/script.js | 9 ++++++---
 public/style.css | 2 +-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/public/script.js b/public/script.js
index 016859d..becec98 100644
--- a/public/script.js
+++ b/public/script.js
@@ -20,6 +20,9 @@ setInterval(
     45000
 )
 
+const toggleOpen = () =>
+    document.querySelector("#rooms").classList.toggle("opened")
+
 const addMessage = (messageObject) => {
     const { message, isYours, isSystem, user } = messageObject
     const messageDiv = document
@@ -45,11 +48,11 @@ if (roomName) {
         isYours: true,
         isSystem: true,
     })
+
+    if (window.screen.width < 1000) toggleOpen()
 }
 
-menuButton.addEventListener("click", () =>
-    document.querySelector("#rooms").classList.toggle("opened")
-)
+menuButton.addEventListener("click", toggleOpen)
 
 if (!localStorage.getItem("name")) login.classList.remove("done")
 else nameDisplay.innerHTML = localStorage.getItem("name")
diff --git a/public/style.css b/public/style.css
index 42d9c11..010576e 100644
--- a/public/style.css
+++ b/public/style.css
@@ -38,7 +38,7 @@ body {
     width: 0;
     overflow: hidden;
     align-items: center;
-    transition: width 2s;
+    transition: width 0.6s;
     display: flex;
     z-index: 1;
     color: white;