From d4e598e36b6e8fb44391bf5d1980a091d4c04339 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Fri, 20 Jan 2023 19:40:27 -0800
Subject: [PATCH] Make button disappear and handle context menu states

---
 components/Button/index.scss        |  1 +
 components/CharacterUnit/index.scss | 11 +++++++++++
 2 files changed, 12 insertions(+)

diff --git a/components/Button/index.scss b/components/Button/index.scss
index 517d4261..aedae8c2 100644
--- a/components/Button/index.scss
+++ b/components/Button/index.scss
@@ -8,6 +8,7 @@
   font-size: $font-button;
   font-weight: $normal;
   gap: 6px;
+  transition: 0.18s opacity ease-in-out;
 
   &:hover,
   &.Blended:hover,
diff --git a/components/CharacterUnit/index.scss b/components/CharacterUnit/index.scss
index 9741d1c9..3fdd08af 100644
--- a/components/CharacterUnit/index.scss
+++ b/components/CharacterUnit/index.scss
@@ -23,6 +23,17 @@
     display: flex;
   }
 
+  .Button {
+    pointer-events: none;
+    opacity: 0;
+  }
+
+  &:hover .Button,
+  .Button.Clicked {
+    pointer-events: initial;
+    opacity: 1;
+  }
+
   h3,
   ul {
     display: none;