Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-27 10:52:40 +08: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
2 changed files with 8 additions and 0 deletions
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> </StyleWorkspaceInfo>
<StyledSettingLink <StyledSettingLink
className="setting-entry"
hoverBackground="#fff" hoverBackground="#fff"
onClick={e => { onClick={e => {
e.stopPropagation(); 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, borderColor: theme.colors.primaryColor,
color: 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', position: 'absolute',
right: '6px', right: '6px',
bottom: '6px', bottom: '6px',
opacity: 0,
pointerEvents: 'none',
transition: 'all .15s',
':hover': { ':hover': {
background: theme.colors.pageBackground, background: theme.colors.pageBackground,
}, },