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

Add Zen mode for distraction free drawing (#1450)

Browse Source
This commit is contained in:
Aakansha Doshi
2020-04-25 18:43:02 +05:30
committed by GitHub
parent 71e7f130bc
commit 1866074c07
16 changed files with 222 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/LockIcon.tsx
View File

@@ -11,6 +11,7 @@ type LockIconProps = {
checked: boolean;
onChange?(): void;
size?: LockIconSize;
zenModeEnabled?: boolean;
};
const DEFAULT_SIZE: LockIconSize = "m";
@@ -44,7 +45,9 @@ export function LockIcon(props: LockIconProps) {
return (
<label
className={`ToolIcon ToolIcon__lock ToolIcon_type_floating ${sizeCn}`}
className={`ToolIcon ToolIcon__lock ToolIcon_type_floating ${sizeCn} zen-mode-visibility ${
props.zenModeEnabled && "hidden"
}`}
title={`${props.title} — Q`}
>
<input