disable pointer events while animating

Add dropdown animation
Fixed issue causing mis-clicks
2021-01-29 17:50:19 -08:00 · 2021-01-29 17:44:12 -08:00
2 changed files with 5 additions and 2 deletions
--- a/ui/scss/component/_animation.scss
+++ b/ui/scss/component/_animation.scss
@ -70,11 +70,13 @@
@keyframes menu-animate-in {
  0% {
-    transform: scaleY(0);
+    transform: translateY(-100%);
    pointer-events: none;
    opacity: 0;
  }
  100% {
-    transform: scaleY(1);
+    transform: translateY(0);
    pointer-events: all;
    opacity: 1;
  }
 }
--- a/ui/scss/component/menu-button.scss
+++ b/ui/scss/component/menu-button.scss
@ -10,6 +10,7 @@
  position: absolute;
  z-index: 2;
  font-size: var(--font-body);
  overflow: hidden;
 }
 [data-reach-menu-list] {
Author	SHA1	Message	Date
DispatchCommit	4c7623f065	disable pointer events while animating	2021-01-29 17:50:19 -08:00
DispatchCommit	f991d5c87f	Add dropdown animation Fixed issue causing mis-clicks	2021-01-29 17:44:12 -08:00