Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-13 21:05:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: bookmark popper menu only display after pasted (#2578)

Browse Source
This commit is contained in:
Qi
2023-05-29 22:25:30 +08:00
committed by GitHub
parent 58ba11e13c
commit 402d12a0e1
9 changed files with 197 additions and 173 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/component/src/ui/menu/menu-item.tsx
View File

@@ -14,6 +14,7 @@ export type IconMenuProps = PropsWithChildren<{
iconSize?: [number, number];
disabled?: boolean;
active?: boolean;
disableHover?: boolean;
}> &
HTMLAttributes<HTMLButtonElement>;

79
packages/component/src/ui/menu/styles.ts
View File

@@ -52,42 +52,51 @@ export const StyledMenuItem = styled('button')<{
isDir?: boolean;
disabled?: boolean;
active?: boolean;
}>(({ isDir = false, disabled = false, active = false }) => {
return {
width: '100%',
borderRadius: '5px',
padding: '0 14px',
fontSize: 'var(--affine-font-base)',
height: '32px',
...displayFlex('flex-start', 'center'),
cursor: isDir ? 'pointer' : '',
position: 'relative',
backgroundColor: 'transparent',
color: disabled
? 'var(--affine-text-disable-color)'
: 'var(--affine-text-primary-color)',
svg: {
disableHover?: boolean;
}>(
({
isDir = false,
disabled = false,
active = false,
disableHover = false,
}) => {
return {
width: '100%',
borderRadius: '5px',
padding: '0 14px',
fontSize: 'var(--affine-font-base)',
height: '32px',
...displayFlex('flex-start', 'center'),
cursor: isDir ? 'pointer' : '',
position: 'relative',
backgroundColor: 'transparent',
color: disabled
? 'var(--affine-text-disable-color)'
: 'var(--affine-icon-color)',
},
...(disabled
? {
cursor: 'not-allowed',
pointerEvents: 'none',
}
: {}),
: 'var(--affine-text-primary-color)',
svg: {
color: disabled
? 'var(--affine-text-disable-color)'
: 'var(--affine-icon-color)',
},
...(disabled
? {
cursor: 'not-allowed',
pointerEvents: 'none',
}
: {}),
':hover': disabled
? {}
: {
backgroundColor: 'var(--affine-hover-color)',
},
':hover':
disabled || disableHover
? {}
: {
backgroundColor: 'var(--affine-hover-color)',
},
...(active && !disabled
? {
backgroundColor: 'var(--affine-hover-color)',
}
: {}),
};
});
...(active && !disabled
? {
backgroundColor: 'var(--affine-hover-color)',
}
: {}),
};
}
);