marcel/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-11-18 03:34:43 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: docked sidebar width (#9213)

Browse Source
This commit is contained in:
David Luzar
2025-03-02 18:24:20 +01:00
committed by GitHub
parent 2523624f15
commit d1112bbf4f
3 changed files with 2 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/excalidraw/components/App.tsx
View File

@@ -1550,6 +1550,7 @@ class App extends React.Component<AppProps, AppState> {
["--ui-pointerEvents" as any]: shouldBlockPointerEvents ["--ui-pointerEvents" as any]: shouldBlockPointerEvents
? POINTER_EVENTS.disabled ? POINTER_EVENTS.disabled
: POINTER_EVENTS.enabled, : POINTER_EVENTS.enabled,
["--right-sidebar-width" as any]: "302px",
}} }}
ref={this.excalidrawContainerRef} ref={this.excalidrawContainerRef}
onDrop={this.handleAppOnDrop} onDrop={this.handleAppOnDrop}

2
packages/excalidraw/components/LayerUI.tsx
View File

@@ -526,7 +526,7 @@ const LayerUI = ({
appState.openSidebar && appState.openSidebar &&
isSidebarDocked && isSidebarDocked &&
device.editor.canFitSidebar device.editor.canFitSidebar
? { width: `calc(100% - var(--right-sidebar-width)px)` } ? { width: `calc(100% - var(--right-sidebar-width))` }
: {} : {}
} }
> >

3
packages/excalidraw/components/Sidebar/Sidebar.tsx
View File

@@ -136,9 +136,6 @@ export const SidebarInner = forwardRef(
<Island <Island
{...rest} {...rest}
className={clsx("sidebar", { "sidebar--docked": docked }, className)} className={clsx("sidebar", { "sidebar--docked": docked }, className)}
style={{
"--right-sidebar-width": "302px",
}}
ref={islandRef} ref={islandRef}
> >
<SidebarPropsContext.Provider value={headerPropsRef.current}> <SidebarPropsContext.Provider value={headerPropsRef.current}>