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

added night order tooltips (closes #104)

This commit is contained in:
Steffen 2021-02-05 22:07:25 +01:00
parent ad7fddd6a5
commit b4311db090
1 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/modals/NightOrderModal.vue
View File

@ -50,6 +50,9 @@
})` })`
}" }"
></span> ></span>
<span class="reminder" v-if="role.firstNightReminder">
{{ role.firstNightReminder }}
</span>
</li> </li>
</ul> </ul>
<ul class="other"> <ul class="other">
@ -86,6 +89,9 @@
> >
</template> </template>
</span> </span>
<span class="reminder" v-if="role.otherNightReminder">
{{ role.otherNightReminder }}
</span>
</li> </li>
</ul> </ul>
</div> </div>
@ -277,6 +283,26 @@ ul {
} }
} }
} }
.reminder {
position: fixed;
padding: 5px 10px;
left: 50%;
bottom: 10%;
width: 500px;
z-index: 25;
background: rgba(0, 0, 0, 0.75);
border-radius: 10px;
border: 3px solid black;
filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.5));
text-align: left;
pointer-events: none;
opacity: 0;
transition: opacity 200ms ease-in-out;
margin-left: -250px;
}
&:hover .reminder {
opacity: 1;
}
} }
&.legend { &.legend {
font-weight: bold; font-weight: bold;