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

scope css under name space excalidraw (#1983)

Browse source
This commit is contained in:
Aakansha Doshi 2020-09-26 02:48:45 +05:30 • committed by GitHub
parent 403576861c
commit a61b212220
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
33 changed files with 1706 additions and 1559 deletions
Download patch file Download diff file Expand all files Collapse all files

48
src/components/ContextMenu.tsx
View file

@ -16,25 +16,35 @@ type Props = {
left: number;
};
const ContextMenu = ({ options, onCloseRequest, top, left }: Props) => (
<Popover
onCloseRequest={onCloseRequest}
top={top}
left={left}
fitInViewport={true}
>
<ul
className="context-menu"
onContextMenu={(event) => event.preventDefault()}
>
{options.map((option, idx) => (
<li key={idx} onClick={onCloseRequest}>
<ContextMenuOption {...option} />
</li>
))}
</ul>
</Popover>
);
const ContextMenu = ({ options, onCloseRequest, top, left }: Props) => {
const isDarkTheme = !!document
.querySelector(".excalidraw")
?.classList.contains("Appearance_dark");
const wrapperClasses = `excalidraw ${
isDarkTheme ? "Appearance_dark Appearance_dark-background-none" : ""
}`;
return (
<div className={wrapperClasses}>
<Popover
onCloseRequest={onCloseRequest}
top={top}
left={left}
fitInViewport={true}
>
<ul
className="context-menu"
onContextMenu={(event) => event.preventDefault()}
>
{options.map((option, idx) => (
<li key={idx} onClick={onCloseRequest}>
<ContextMenuOption {...option} />
</li>
))}
</ul>
</Popover>
</div>
);
};
const ContextMenuOption = ({ label, action }: ContextMenuOption) => (
<button className="context-menu-option" onClick={action}>