luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(core): sidebar scrollbar is coverd by resize handle (#8307)

Browse Source 
close AF-1236
This commit is contained in:
CatsJuice
2024-09-19 06:25:07 +00:00
parent 5842bfc96a
commit 0450fcea8b
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/frontend/component/src/components/resize-panel/resize-panel.css.ts
View File

@@ -50,7 +50,7 @@ export const resizeHandleContainer = style({
right: resizeHandleOffsetVar, right: resizeHandleOffsetVar,
top: resizeHandleVerticalPadding, top: resizeHandleVerticalPadding,
bottom: resizeHandleVerticalPadding, bottom: resizeHandleVerticalPadding,
width: 16, width: 8,
zIndex: '1', zIndex: '1',
transform: 'translateX(50%)', transform: 'translateX(50%)',
backgroundColor: 'transparent', backgroundColor: 'transparent',

2
packages/frontend/core/src/components/app-sidebar/index.tsx
View File

@@ -94,7 +94,7 @@ export function AppSidebar({ children }: PropsWithChildren) {
onResizing={setResizing} onResizing={setResizing}
onWidthChange={setWidth} onWidthChange={setWidth}
className={navWrapperStyle} className={navWrapperStyle}
resizeHandleOffset={clientBorder ? 8 : 0} resizeHandleOffset={0}
resizeHandleVerticalPadding={clientBorder ? 16 : 0} resizeHandleVerticalPadding={clientBorder ? 16 : 0}
data-transparent data-transparent
data-open={open} data-open={open}

2
packages/frontend/core/src/modules/workbench/view/workbench-root.tsx
View File

@@ -149,7 +149,7 @@ const WorkbenchSidebar = () => {
<ResizePanel <ResizePanel
floating={floating} floating={floating}
resizeHandlePos="left" resizeHandlePos="left"
resizeHandleOffset={clientBorder ? 3.5 : 0} resizeHandleOffset={0}
width={width} width={width}
resizing={resizing} resizing={resizing}
onResizing={setResizing} onResizing={setResizing}