fix(core): backlinks styles (#9126)

fix AF-1946
This commit is contained in:
pengx17
2024-12-20 09:06:46 +00:00
parent cbaf35df0b
commit bdbefd3e28

View File

@@ -79,6 +79,10 @@ export const link = style({
alignItems: 'center', alignItems: 'center',
gap: '4px', gap: '4px',
whiteSpace: 'nowrap', whiteSpace: 'nowrap',
borderRadius: '4px',
':hover': {
backgroundColor: cssVarV2('layer/background/hoverOverlay'),
},
}); });
globalStyle(`${link} .affine-reference-title`, { globalStyle(`${link} .affine-reference-title`, {
@@ -88,19 +92,22 @@ globalStyle(`${link} .affine-reference-title`, {
export const linkPreviewContainer = style({ export const linkPreviewContainer = style({
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
gap: '12px',
marginTop: '4px',
marginBottom: '16px',
}); });
export const linkPreview = style({ export const linkPreview = style({
border: `1px solid ${cssVarV2('layer/insideBorder/border')}`, border: `0.5px solid ${cssVarV2('backlinks/blockBorder')}`,
borderRadius: '8px', borderRadius: '8px',
padding: '8px', padding: '8px',
marginBottom: '8px',
color: cssVarV2('text/primary'), color: cssVarV2('text/primary'),
vars: { vars: {
[cssVar('fontFamily')]: cssVar('fontSansFamily'), [cssVar('fontFamily')]: cssVar('fontSansFamily'),
}, },
backgroundColor: cssVarV2('backlinks/blockBackgroundColor'),
':hover': { ':hover': {
backgroundColor: cssVarV2('layer/background/hoverOverlay'), backgroundColor: cssVarV2('backlinks/blockHover'),
}, },
}); });