excalidraw-box
Code Issues

fix: adjust sidebar toggle button sizing and styling

Browse Source 
Adjusts the CSS and SVG dimensions of the custom sidebar toggle
button so that it identically matches the 36x36px Excalidraw UI
native buttons (like the Help button) in both Light and Dark themes.

The inner SVG icon was precisely aligned to be 16x16px and use
a 1.8px stroke to match the weight and left-alignment of the native
icons. The .secondary-button class padding that was interfering
was removed.
This commit is contained in:
ruinivist
2026-05-30 22:25:28 +00:00
parent 93608bda1e
commit 589ad162f9
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.tsx
+4 -4
View File
@@ -80,10 +80,10 @@ async function requestJson<T>(url: string, init?: RequestInit): Promise<T> {
function DrawerIcon() { function DrawerIcon() {
return ( return (
<svg viewBox="0 0 24 24" aria-hidden="true" width="20" height="20"> <svg viewBox="0 0 24 24" aria-hidden="true" width="16" height="16">
<rect x="3.5" y="5" width="17" height="14" rx="2.5" fill="none" stroke="currentColor" strokeWidth="2" /> <rect x="3.5" y="5" width="17" height="14" rx="2.5" fill="none" stroke="currentColor" strokeWidth="1.5" />
<path d="M9 5v14" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" /> <path d="M9 5v14" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
<path d="M5.75 9h1.5M5.75 12h1.5M5.75 15h1.5" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" /> <path d="M5.75 9h1.5M5.75 12h1.5M5.75 15h1.5" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
</svg> </svg>
); );
} }
src/styles.css
+2 -2
View File
@@ -182,8 +182,8 @@ input {
} }
.app-actions-toggle svg { .app-actions-toggle svg {
width: 20px; width: 16px;
height: 20px; height: 16px;
} }
.primary-button, .primary-button,