Add Zen mode for distraction free drawing (#1450)

2020-04-25 18:43:02 +05:30
parent 71e7f130bc
commit 1866074c07
16 changed files with 222 additions and 39 deletions
--- a/src/components/ToolIcon.scss
+++ b/src/components/ToolIcon.scss
@ -71,6 +71,13 @@
      background-color: var(--button-gray-3);
    }
  }
+
+  &--show {
+    visibility: visible;
+  }
+  &--hide {
+    visibility: hidden;
+  }
 }

 .ToolIcon_type_radio,
@ -160,3 +167,15 @@
    right: 2px;
  }
 }
+
+.zen-mode-visibility {
+  visibility: visible;
+  opacity: 1;
+  transition: visibility 0s linear 0s, opacity 0.5s;
+
+  &.hidden {
+    visibility: hidden;
+    opacity: 0;
+    transition: visibility 0s linear 300ms, opacity 0.5s;
+  }
+}