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`
36 lines
868 B
TypeScript
36 lines
868 B
TypeScript
import { unsafeCSSVarV2 } from '@blocksuite/affine-shared/theme';
|
|
import { css } from 'lit';
|
|
|
|
export const frameTitleStyleVars = {
|
|
nestedFrameOffset: 4,
|
|
height: 22,
|
|
fontSize: 14,
|
|
};
|
|
|
|
export const frameTitleStyle = css`
|
|
:host {
|
|
position: absolute;
|
|
display: flex;
|
|
align-items: center;
|
|
z-index: 1;
|
|
border: 1px solid ${unsafeCSSVarV2('edgeless/frame/border/default')};
|
|
border-radius: 4px;
|
|
width: fit-content;
|
|
height: ${frameTitleStyleVars.height}px;
|
|
padding: 0px 4px;
|
|
transform-origin: left bottom;
|
|
background-color: var(--bg-color);
|
|
|
|
font-family: var(--affine-font-family);
|
|
font-size: ${frameTitleStyleVars.fontSize}px;
|
|
cursor: default;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
:hover {
|
|
background-color: color-mix(in srgb, var(--bg-color), #000000 7%);
|
|
}
|
|
`;
|