fix: text being squeezed in the sidebar animation (#1470)

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"
           />

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,