smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

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
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
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}>