Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-26 02:35:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: adjust icon button hover color (#2976)

Browse Source
This commit is contained in:
JimmFly
2023-07-03 16:46:16 +08:00
committed by GitHub
parent 262289a398
commit af94674c18
2 changed files with 2 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/src/components/pure/help-island/style.ts
View File

@@ -50,7 +50,6 @@ export const StyledIconWrapper = styled('div')(() => {
transition: 'background-color 0.2s', transition: 'background-color 0.2s',
position: 'relative', position: 'relative',
':hover': { ':hover': {
color: 'var(--affine-primary-color)',
backgroundColor: 'var(--affine-hover-color)', backgroundColor: 'var(--affine-hover-color)',
}, },
}; };
@@ -74,7 +73,6 @@ export const StyledTriggerWrapper = styled('div')<{
...displayFlex('center', 'center'), ...displayFlex('center', 'center'),
...positionAbsolute({ left: '4px', bottom: '4px' }), ...positionAbsolute({ left: '4px', bottom: '4px' }),
':hover': { ':hover': {
color: 'var(--affine-primary-color)',
backgroundColor: spread ? 'var(--affine-hover-color)' : null, backgroundColor: spread ? 'var(--affine-hover-color)' : null,
}, },
}; };

4
packages/component/src/ui/button/styles.ts
View File

@@ -51,7 +51,7 @@ export const StyledIconButton = styled('button', {
borderRadius, borderRadius,
':hover': { ':hover': {
color: hoverColor ?? 'var(--affine-primary-color)', color: hoverColor ?? 'var(--affine-icon-color)',
background: hoverBackground || 'var(--affine-hover-color)', background: hoverBackground || 'var(--affine-hover-color)',
...(hoverStyle ?? {}), ...(hoverStyle ?? {}),
}, },
@@ -169,7 +169,7 @@ export const StyledButton = styled('button', {
border: noBorder ? 'none' : '1px solid', border: noBorder ? 'none' : '1px solid',
WebkitAppRegion: 'no-drag', WebkitAppRegion: 'no-drag',
...displayInlineFlex('center', 'center'), ...displayInlineFlex('center', 'center'),
gap: '10px', gap: '8px',
position: 'relative', position: 'relative',
// TODO: disabled color is not decided // TODO: disabled color is not decided
...(disabled ...(disabled