martyn
/
townsquare
mirror of https://github.com/bra1n/townsquare.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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

Add static hover target to prevent add reminder token flickering (fix #153)
This commit is contained in:
Steffen 2022-04-04 11:25:41 +02:00 committed by GitHub
parent 5af776bfbf 84f6cab2d8
commit afd593d632
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
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

14
src/components/Player.vue
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;