toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-09-22 00:49:36 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: setting entry only show when hover on workspace card (#1515)

Browse Source
This commit is contained in:
Qi 2023-03-10 18:07:30 +08:00 committed by GitHub
parent a3ed8f6774
commit 9043081b8d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
apps/web/src/components/pure/workspace-card/index.tsx
View File

@ -98,6 +98,7 @@ export const WorkspaceCard: React.FC<WorkspaceCardProps> = ({
)}
</StyleWorkspaceInfo>
<StyledSettingLink
className="setting-entry"
hoverBackground="#fff"
onClick={e => {
e.stopPropagation();

7
apps/web/src/components/pure/workspace-card/styles.ts
View File

@ -56,6 +56,10 @@ export const StyledCard = styled('div')<{
borderColor: theme.colors.primaryColor,
color: theme.colors.primaryColor,
},
'.setting-entry': {
opacity: 1,
pointerEvents: 'auto',
},
},
};
});
@ -78,6 +82,9 @@ export const StyledSettingLink = styled(IconButton)(({ theme }) => {
position: 'absolute',
right: '6px',
bottom: '6px',
opacity: 0,
pointerEvents: 'none',
transition: 'all .15s',
':hover': {
background: theme.colors.pageBackground,
},