martyn/townsquare
1
0
Fork 0
mirror of https://github.com/bra1n/townsquare.git synced 2025-10-21 16:55:12 +00:00
Code Issues Projects Releases Packages Wiki Activity

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

Browse source 
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
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;