Add static hover target to prevent reminder token flickering #153

This commit is contained in:
Nathan Ferguson 2022-04-03 22:35:18 +12:00
parent 5af776bfbf
commit 84f6cab2d8
2 changed files with 15 additions and 0 deletions

View File

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

View File

@ -200,6 +200,7 @@
<div class="reminder add" @click="$emit('trigger', ['openReminderModal'])"> <div class="reminder add" @click="$emit('trigger', ['openReminderModal'])">
<span class="icon"></span> <span class="icon"></span>
</div> </div>
<div class="reminderHoverTarget"></div>
</li> </li>
</template> </template>
@ -927,6 +928,19 @@ li.move:not(.from) .player .overlay svg.move {
opacity: 1; 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 { .circle li:hover .reminder.add {
opacity: 1; opacity: 1;
top: 0; top: 0;