toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-11-10 13:56:35 +03:00
Code Issues Packages Projects Releases Wiki Activity

chore: adjust sidebar padding (#3397)

Browse Source
This commit is contained in:
JimmFly 2023-07-27 13:36:45 +08:00 committed by GitHub
parent 780fffb88f
commit 04534c2008
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
apps/core/src/components/pure/workspace-slider-bar/collections/collections-list.tsx
View File

@ -193,6 +193,7 @@ const CollectionRenderer = ({
/>
<MenuItem
data-testid="collection-item"
data-type="collection-list-item"
ref={setNodeRef}
onCollapsedChange={setCollapsed}
active={isOver}

19
packages/component/src/components/app-sidebar/menu-item/index.css.ts
View File

@ -8,7 +8,7 @@ export const root = style({
minHeight: '30px',
userSelect: 'none',
cursor: 'pointer',
padding: '0 8px 0 12px',
padding: '0 12px',
fontSize: 'var(--affine-font-sm)',
margin: '2px 0',
selectors: {
@ -32,7 +32,20 @@ export const root = style({
'&[data-collapsible="true"]': {
width: 'calc(100% + 8px)',
transform: 'translateX(-8px)',
paddingLeft: '8px',
paddingLeft: '4px',
paddingRight: '12px',
},
'&[data-type="collection-list-item"][data-collapsible="false"]:hover': {
width: 'calc(100% + 8px)',
transform: 'translateX(-8px)',
paddingLeft: '20px',
paddingRight: '12px',
},
'&[data-type="favorite-list-item"][data-collapsible="false"]:hover': {
width: 'calc(100% + 8px)',
transform: 'translateX(-8px)',
paddingLeft: '20px',
paddingRight: '12px',
},
},
});
@ -79,7 +92,7 @@ export const iconsContainer = style({
flexShrink: 0,
selectors: {
'&[data-collapsible="true"]': {
width: '40px',
width: '44px',
},
},
});