Merge pull request #253 from nathansferguson/reminder-flicker-153

Add static hover target to prevent add reminder token flickering (fix #153)

CHANGELOG.md

@@ -3,6 +3,7 @@
 ### Version 2.15.3
 - add Huntsman/Damsel, Noble, Al-Hadikhia, Golem, Fearmonger, Puzzlemaster, Alchemist, Engineer, Riot, Psychopath, Atheist, Nightwatchman to list of available characters
 - fixed game state JSON not handling custom Fabled correctly
+- fixed flickering of add reminder token
 
 ### Version 2.15.2
 - added mobile web application support

src/components/Player.vue

@@ -200,6 +200,7 @@
     <div class="reminder add" @click="$emit('trigger', ['openReminderModal'])">
       <span class="icon"></span>
     </div>
+    <div class="reminderHoverTarget"></div>
   </li>
 </template>
 
@@ -927,6 +928,19 @@ li.move:not(.from) .player .overlay svg.move {
     opacity: 1;
   }
 }
+
+.circle .reminderHoverTarget {
+  opacity: 0;
+  width: calc(50% + 8px);
+  padding-top: calc(50% + 38px);
+  margin-top: calc(-25% - 33px);
+  margin-left: calc(-25% - 1px);
+  border-radius: 0 0 999px 999px;
+  pointer-events: auto;
+  transform: none !important;
+  z-index: -1;
+}
+
 .circle li:hover .reminder.add {
   opacity: 1;
   top: 0;