mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-07-22 04:26:23 +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`
28 lines
762 B
TypeScript
28 lines
762 B
TypeScript
import { cssVar } from '@toeverything/theme';
|
|
import { style } from '@vanilla-extract/css';
|
|
|
|
import {
|
|
ACTIVE_NOTE_EXTRA_PADDING,
|
|
edgelessNoteContainer,
|
|
} from '../note-edgeless-block.css';
|
|
|
|
export const background = style({
|
|
position: 'absolute',
|
|
borderColor: cssVar('black10'),
|
|
left: 0,
|
|
top: 0,
|
|
width: '100%',
|
|
height: '100%',
|
|
|
|
selectors: {
|
|
[`${edgelessNoteContainer}[data-editing="true"] &`]: {
|
|
left: `${-ACTIVE_NOTE_EXTRA_PADDING}px`,
|
|
top: `${-ACTIVE_NOTE_EXTRA_PADDING}px`,
|
|
width: `calc(100% + ${ACTIVE_NOTE_EXTRA_PADDING * 2}px)`,
|
|
height: `calc(100% + ${ACTIVE_NOTE_EXTRA_PADDING * 2}px)`,
|
|
transition: 'left 0.3s, top 0.3s, width 0.3s, height 0.3s',
|
|
boxShadow: cssVar('activeShadow'),
|
|
},
|
|
},
|
|
});
|