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

disable pointer events on hidden menus in zen mode (#1511)

Browse source
This commit is contained in:
David Luzar 2020-04-29 22:49:36 +02:00 • committed by GitHub
parent 0c2aa951d6
commit 51f8146357
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 28 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/LayerUI.tsx
View file

@ -169,7 +169,10 @@ const LayerUI = ({
<FixedSideContainer side="top">
<HintViewer appState={appState} elements={elements} />
<div className="App-menu App-menu_top">
<Stack.Col gap={4}>
<Stack.Col
gap={4}
className={zenModeEnabled && "disable-pointerEvents"}
>
{renderCanvasActions()}
{shouldRenderSelectedShapeActions && renderSelectedShapeActions()}
</Stack.Col>
@ -201,7 +204,7 @@ const LayerUI = ({
{
<div
className={`App-menu App-menu_bottom zen-mode-transition ${
zenModeEnabled && "transition-left"
zenModeEnabled && "transition-left disable-pointerEvents"
}`}
>
<Stack.Col gap={2}>
@ -225,7 +228,7 @@ const LayerUI = ({
<footer role="contentinfo" className="layer-ui__wrapper__footer">
<div
className={`zen-mode-transition ${
zenModeEnabled && "transition-right"
zenModeEnabled && "transition-right disable-pointerEvents"
}`}
>
<LanguageList