From b52d72b9098af21b5d32ba8751b01a8a3fa21f62 Mon Sep 17 00:00:00 2001
From: mrfry <mr.fry@tutanota.com>
Date: Mon, 31 May 2021 11:33:09 +0200
Subject: [PATCH] Closing sidebar on chat click, chat mobile overflow fix

---
 src/components/layout.js  | 5 +++--
 src/pages/chat.module.css | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/layout.js b/src/components/layout.js
index 241f1d2..0b77252 100644
--- a/src/components/layout.js
+++ b/src/components/layout.js
@@ -60,7 +60,7 @@ function Donate() {
   )
 }
 
-function UserStatus({ userId, unreads }) {
+function UserStatus({ userId, unreads, onClick }) {
   const unreadCount = unreads ? unreads.length : 0
   return (
     <div className={styles.userStatus}>
@@ -69,6 +69,7 @@ function UserStatus({ userId, unreads }) {
       </div>
       <Link href="/chat">
         <a
+          onClick={onClick}
           title={`Chat${unreadCount ? ' (' + unreadCount + ' új üzenet)' : ''}`}
           className={styles.unreadNotification}
         >
@@ -190,7 +191,7 @@ export default function Layout({ children, router, globalData }) {
           })}
         </div>
         <div className={'seperator'} />
-        <UserStatus unreads={unreads} userId={userId} />
+        <UserStatus onClick={closeSideBar} unreads={unreads} userId={userId} />
       </div>
       <div className={styles.sidebar}>
         {sidebarOpen ? (
diff --git a/src/pages/chat.module.css b/src/pages/chat.module.css
index fb28503..6aa44cc 100644
--- a/src/pages/chat.module.css
+++ b/src/pages/chat.module.css
@@ -14,7 +14,7 @@
   display: flex;
   flex-direction: column;
 
-  width: 200px;
+  max-width: 200px;
   z-index: 1;
   right: 0;
   overflow-x: hidden;