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;