From 04ec1bd5cf0d8a38701c70fa1b3e4a94267e2e3c Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Thu, 13 Aug 2020 16:04:18 -0400
Subject: [PATCH] Fix descriptions not appearing consistently

---
 src/components/ActionButton.vue | 4 +++-
 src/components/Combat.vue       | 3 +--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/ActionButton.vue b/src/components/ActionButton.vue
index e86e20d..bb067b2 100644
--- a/src/components/ActionButton.vue
+++ b/src/components/ActionButton.vue
@@ -1,5 +1,5 @@
 <template>
-  <button @focus="describe" @mouseover="describe" class="action-button" @click="execute">
+  <button @focus="describe" @mouseover="describe" @mouseleave="undescribe" class="action-button" @click="execute">
     <div class="action-title">{{ action.name }}</div>
     <div class="action-desc">{{ action.desc }}</div>
   </button>
@@ -80,10 +80,12 @@ export default class ActionButton extends Vue {
 .action-title {
   font-size: 125%;
   color: #eee;
+  pointer-events: none;
 }
 
 .action-desc {
   color: #ccc;
+  pointer-events: none;
 }
 
 </style>
diff --git a/src/components/Combat.vue b/src/components/Combat.vue
index f001662..da4d46e 100644
--- a/src/components/Combat.vue
+++ b/src/components/Combat.vue
@@ -40,7 +40,7 @@
         <ActionButton @described="described" @executed="executedRight" v-for="(action, index) in right.validActions(right)" :key="'right-' + action.name + '-' + index" :action="action" :user="right" :target="right" :combatants="combatants" />
       </div>
     </div>
-    <div v-if="actionDescVisible && encounter.winner === null" class="action-description">
+    <div v-show="actionDescVisible && encounter.winner === null" class="action-description">
     </div>
     <button @click="$emit('leave-combat')" v-if="encounter.winner !== null" class="exit-combat">
       Exit Combat
@@ -59,7 +59,6 @@ import { LogEntry, LogLine, nilLog } from '@/game/interface'
 import Statblock from './Statblock.vue'
 import ActionButton from './ActionButton.vue'
 import { Side, Encounter } from '@/game/combat'
-import { NoAI } from '../game/ai'
 import { World } from '@/game/world'
 
 @Component(