From d0c1b4508e7f738b6585a966954e9500800fa6ab Mon Sep 17 00:00:00 2001
From: sheben <sheben404@gmail.com>
Date: Fri, 10 Mar 2023 03:44:22 +0800
Subject: [PATCH] fix: text being squeezed in the sidebar animation (#1470)

---
 apps/web/src/components/pure/workspace-slider-bar/index.tsx | 4 +---
 apps/web/src/components/pure/workspace-slider-bar/style.ts  | 1 +
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/components/pure/workspace-slider-bar/index.tsx b/apps/web/src/components/pure/workspace-slider-bar/index.tsx
index 85f672a9ad..da8e12c6d8 100644
--- a/apps/web/src/components/pure/workspace-slider-bar/index.tsx
+++ b/apps/web/src/components/pure/workspace-slider-bar/index.tsx
@@ -106,8 +106,6 @@ export const WorkSpaceSliderBar: React.FC<WorkSpaceSliderBarProps> = ({
   const currentWorkspaceId = currentWorkspace?.id || null;
   const [showSubFavorite, setOpenSubFavorite] = useState(true);
   const { t } = useTranslation();
-  const [open] = useSidebarStatus();
-
   const [sidebarOpen] = useSidebarStatus();
   const pageMeta = usePageMeta(currentWorkspace?.blockSuiteWorkspace ?? null);
   const onClickNewPage = useCallback(async () => {
@@ -121,7 +119,7 @@ export const WorkSpaceSliderBar: React.FC<WorkSpaceSliderBarProps> = ({
       <StyledSliderBar show={isPublicWorkspace ? false : sidebarOpen}>
         <StyledSidebarWrapper>
           <SidebarSwitch
-            visible={open}
+            visible={sidebarOpen}
             tooltipContent={t('Collapse sidebar')}
             testid="sliderBar-arrowButton-collapse"
           />
diff --git a/apps/web/src/components/pure/workspace-slider-bar/style.ts b/apps/web/src/components/pure/workspace-slider-bar/style.ts
index e962d08605..e587343cbc 100644
--- a/apps/web/src/components/pure/workspace-slider-bar/style.ts
+++ b/apps/web/src/components/pure/workspace-slider-bar/style.ts
@@ -5,6 +5,7 @@ export const StyledSliderBar = styled('div')<{ show: boolean }>(
   ({ theme, show }) => {
     return {
       width: show ? '256px' : '0',
+      whiteSpace: 'nowrap',
       height: '100vh',
       minHeight: '450px',
       background: theme.colors.hubBackground,