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;