toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-12-18 22:11:55 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #221 from toeverything/chore/todo-tree-line

Browse Source 
chore: tweak styles
This commit is contained in:
DarkSky 2022-08-12 19:10:31 +08:00 committed by GitHub
commit d32b380fc3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
libs/components/editor-blocks/src/utils/WithTreeViewChildren.tsx
View File

@ -159,6 +159,7 @@ const TREE_COLOR = '#D5DFE6';
const TREE_LINE_LEFT_OFFSET = '-16px'; const TREE_LINE_LEFT_OFFSET = '-16px';
// determine the position of the horizontal line by the type of the item // determine the position of the horizontal line by the type of the item
const TREE_LINE_TOP_OFFSET = '20px'; // '50%' const TREE_LINE_TOP_OFFSET = '20px'; // '50%'
const TREE_LINE_WIDTH = '12px';
const TreeWrapper = styled('div')({ const TreeWrapper = styled('div')({
position: 'relative', position: 'relative',
@ -194,7 +195,7 @@ const VerticalLine = styled(Line)<{ last: boolean }>(({ last }) => ({
})); }));
const HorizontalLine = styled(Line)<{ last: boolean }>(({ last }) => ({ const HorizontalLine = styled(Line)<{ last: boolean }>(({ last }) => ({
width: '16px', width: TREE_LINE_WIDTH,
height: '1px', height: '1px',
paddingLeft: 0, paddingLeft: 0,
paddingRight: 0, paddingRight: 0,
@ -217,7 +218,7 @@ const LastItemRadius = styled('div')({
top: 0, top: 0,
height: TREE_LINE_TOP_OFFSET, height: TREE_LINE_TOP_OFFSET,
bottom: '50%', bottom: '50%',
width: '16px', width: TREE_LINE_WIDTH,
borderWidth: '1px', borderWidth: '1px',
borderStyle: 'solid', borderStyle: 'solid',
borderLeftColor: TREE_COLOR, borderLeftColor: TREE_COLOR,