mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-07-18 18:46:19 +08:00
Saul-Mirone
1f45cc5dec
**Directory Structure Changes** - Renamed multiple block-related directories by removing the "block-" prefix: - `block-attachment` → `attachment` - `block-bookmark` → `bookmark` - `block-callout` → `callout` - `block-code` → `code` - `block-data-view` → `data-view` - `block-database` → `database` - `block-divider` → `divider` - `block-edgeless-text` → `edgeless-text` - `block-embed` → `embed`
91 lines
2.3 KiB
TypeScript
91 lines
2.3 KiB
TypeScript
import { cssVar, cssVarV2 } from '@blocksuite/affine-shared/theme';
|
|
import { style } from '@vanilla-extract/css';
|
|
|
|
export const addColumnButtonStyle = style({
|
|
cursor: 'col-resize',
|
|
backgroundColor: cssVarV2.layer.background.hoverOverlay,
|
|
fontSize: '16px',
|
|
color: cssVarV2.icon.secondary,
|
|
display: 'flex',
|
|
width: '16px',
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
position: 'absolute',
|
|
top: '0',
|
|
left: 'calc(100% + 2px)',
|
|
height: '100%',
|
|
transition:
|
|
'opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out',
|
|
borderRadius: '2px',
|
|
opacity: 0,
|
|
selectors: {
|
|
'&:hover, &.active': {
|
|
backgroundColor: cssVarV2.table.indicator.drag,
|
|
color: cssVarV2.icon.primary,
|
|
opacity: 1,
|
|
},
|
|
},
|
|
});
|
|
|
|
export const addRowButtonStyle = style({
|
|
cursor: 'row-resize',
|
|
backgroundColor: cssVarV2.layer.background.hoverOverlay,
|
|
fontSize: '16px',
|
|
color: cssVarV2.icon.secondary,
|
|
display: 'flex',
|
|
height: '16px',
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
position: 'absolute',
|
|
top: 'calc(100% + 2px)',
|
|
left: '0',
|
|
width: '100%',
|
|
transition:
|
|
'opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out',
|
|
borderRadius: '2px',
|
|
opacity: 0,
|
|
selectors: {
|
|
'&:hover, &.active': {
|
|
backgroundColor: cssVarV2.table.indicator.drag,
|
|
color: cssVarV2.icon.primary,
|
|
opacity: 1,
|
|
},
|
|
},
|
|
});
|
|
|
|
export const addRowColumnButtonStyle = style({
|
|
cursor: 'nwse-resize',
|
|
backgroundColor: cssVarV2.layer.background.hoverOverlay,
|
|
fontSize: '16px',
|
|
color: cssVarV2.icon.secondary,
|
|
display: 'flex',
|
|
width: '16px',
|
|
height: '16px',
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
position: 'absolute',
|
|
top: 'calc(100% + 2px)',
|
|
left: 'calc(100% + 2px)',
|
|
borderRadius: '2px',
|
|
opacity: 0,
|
|
transition:
|
|
'opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out',
|
|
selectors: {
|
|
'&:hover, &.active': {
|
|
backgroundColor: cssVarV2.table.indicator.drag,
|
|
color: cssVarV2.icon.primary,
|
|
opacity: 1,
|
|
},
|
|
},
|
|
});
|
|
|
|
export const cellCountTipsStyle = style({
|
|
position: 'absolute',
|
|
backgroundColor: cssVarV2.tooltips.background,
|
|
borderRadius: '4px',
|
|
padding: '4px',
|
|
boxShadow: cssVar('buttonShadow'),
|
|
color: cssVarV2.tooltips.foreground,
|
|
whiteSpace: 'nowrap',
|
|
});
|