marcel/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-09-26 02:40:07 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix active styling

Browse Source
This commit is contained in:
Ryan Di
2025-09-22 22:18:05 +10:00
parent 620c84383d
commit b6b52018db
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/excalidraw/components/ToolWithPopup.tsx
View File

@@ -53,7 +53,7 @@ export const ToolTypePopup = ({
const panelWidth = panelRect?.width ?? 0; const panelWidth = panelRect?.width ?? 0;
const panelHeight = panelRect?.height ?? 0; const panelHeight = panelRect?.height ?? 0;
setPanelPosition({ setPanelPosition({
x: triggerRect.left - panelWidth / 2, x: triggerRect.left - panelWidth / 2 + 4,
y: panelHeight + 8, y: panelHeight + 8,
}); });
}; };
@@ -93,15 +93,17 @@ export const ToolTypePopup = ({
tabIndex={-1} tabIndex={-1}
style={{ style={{
position: "fixed", position: "fixed",
top: `${-10}px`, top: `${-16}px`,
left: `${panelPosition.x}px`, left: `${panelPosition.x}px`,
zIndex: 9999, zIndex: "var(--zIndex-popup)",
}} }}
className={CLASSES.CONVERT_ELEMENT_TYPE_POPUP} className={CLASSES.CONVERT_ELEMENT_TYPE_POPUP}
> >
{options.map(({ type, icon, title }) => ( {options.map(({ type, icon, title }) => (
<ToolButton <ToolButton
className={className} className={clsx(className, {
active: currentType === type,
})}
key={type} key={type}
type="radio" type="radio"
icon={icon} icon={icon}