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(false); + const [showToolbar, setShowToolbar] = useState(true); const [showMobileUsersPart, setShowMobileUsersPart] = useState(false); const [showMobileOtherPart, setShowMobileOtherPart] = useState(false); const [showMobileLangSelectorPart, setShowMobileLangSelectorPart] = useState(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;