luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
sheben
2023-03-10 03:44:22 +08:00
committed by GitHub
parent 87a4874df3
commit d0c1b4508e
2 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/web/src/components/pure/workspace-slider-bar/index.tsx
View File

@@ -106,8 +106,6 @@ export const WorkSpaceSliderBar: React.FC<WorkSpaceSliderBarProps> = ({
const currentWorkspaceId = currentWorkspace?.id || null; const currentWorkspaceId = currentWorkspace?.id || null;
const [showSubFavorite, setOpenSubFavorite] = useState(true); const [showSubFavorite, setOpenSubFavorite] = useState(true);
const { t } = useTranslation(); const { t } = useTranslation();
const [open] = useSidebarStatus();
const [sidebarOpen] = useSidebarStatus(); const [sidebarOpen] = useSidebarStatus();
const pageMeta = usePageMeta(currentWorkspace?.blockSuiteWorkspace ?? null); const pageMeta = usePageMeta(currentWorkspace?.blockSuiteWorkspace ?? null);
const onClickNewPage = useCallback(async () => { const onClickNewPage = useCallback(async () => {
@@ -121,7 +119,7 @@ export const WorkSpaceSliderBar: React.FC<WorkSpaceSliderBarProps> = ({
<StyledSliderBar show={isPublicWorkspace ? false : sidebarOpen}> <StyledSliderBar show={isPublicWorkspace ? false : sidebarOpen}>
<StyledSidebarWrapper> <StyledSidebarWrapper>
<SidebarSwitch <SidebarSwitch
visible={open} visible={sidebarOpen}
tooltipContent={t('Collapse sidebar')} tooltipContent={t('Collapse sidebar')}
testid="sliderBar-arrowButton-collapse" testid="sliderBar-arrowButton-collapse"
/> />

1
apps/web/src/components/pure/workspace-slider-bar/style.ts
View File

@@ -5,6 +5,7 @@ export const StyledSliderBar = styled('div')<{ show: boolean }>(
({ theme, show }) => { ({ theme, show }) => {
return { return {
width: show ? '256px' : '0', width: show ? '256px' : '0',
whiteSpace: 'nowrap',
height: '100vh', height: '100vh',
minHeight: '450px', minHeight: '450px',
background: theme.colors.hubBackground, background: theme.colors.hubBackground,