From d0b811bb3b097adcd9c62f68aeb07130a8826493 Mon Sep 17 00:00:00 2001
From: DmitriyB <dimasik_burdin@inbox.ru>
Date: Fri, 12 Aug 2022 17:51:47 +0500
Subject: [PATCH] =?UTF-8?q?=D0=BF=D1=80=D0=B8=20=D0=BF=D0=B5=D1=80=D0=B2?=
 =?UTF-8?q?=D0=BE=D0=B9=20=D0=B7=D0=B0=D0=B3=D1=80=D1=83=D0=B7=D0=BA=D0=B5?=
 =?UTF-8?q?=20=D1=82=D1=83=D0=BB=D0=B1=D0=B0=D1=80=20=D1=82=D0=B5=D0=BF?=
 =?UTF-8?q?=D0=B5=D1=80=D1=8C=20=D0=BE=D1=82=D0=BA=D1=80=D1=8B=D1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/mainScreen/mainScreen.tsx      | 2 +-
 src/components/mainScreen/toolbar/toolbar.css | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/mainScreen/mainScreen.tsx b/src/components/mainScreen/mainScreen.tsx
index ae0fa07..7256d27 100644
--- a/src/components/mainScreen/mainScreen.tsx
+++ b/src/components/mainScreen/mainScreen.tsx
@@ -7,7 +7,7 @@ import { SharePopup } from "./sharePopup/sharePopup";
 import { Toolbar } from "./toolbar/toolbar";
 
 export const MainScreen:React.FC = React.memo(() => {
-    const [showToolbar, setShowToolbar] = useState<boolean>(false);
+    const [showToolbar, setShowToolbar] = useState<boolean>(true);
     const [showMobileUsersPart, setShowMobileUsersPart] = useState<boolean>(false);
     const [showMobileOtherPart, setShowMobileOtherPart] = useState<boolean>(false);
     const [showMobileLangSelectorPart, setShowMobileLangSelectorPart] = useState<boolean>(false);
diff --git a/src/components/mainScreen/toolbar/toolbar.css b/src/components/mainScreen/toolbar/toolbar.css
index c4d4247..20b76db 100644
--- a/src/components/mainScreen/toolbar/toolbar.css
+++ b/src/components/mainScreen/toolbar/toolbar.css
@@ -6,7 +6,7 @@
     width: 64px;
     padding: 0;
     margin: 0;
-    transform: translateX(-60px);
+    /* transform: translateX(-60px); */
 
     border-right: 1px solid #4F4F4F;
     background: #333333;
@@ -416,7 +416,7 @@
 }
 
 .show-toolbar-enter-active {
-    transform: translateX(0);
+    transform: translateX(0px);
     transition: .3s;
 }
 
@@ -429,6 +429,10 @@
     transition: .3s;
 }
 
+.show-toolbar-exit-done {
+    transform: translateX(-60px);
+}
+
 @media screen and (max-height: 700px) {
     .toolbar-field {
         padding: 20px 14px;