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

View File

@ -50,6 +50,9 @@
})`
}"
></span>
<span class="reminder" v-if="role.firstNightReminder">
{{ role.firstNightReminder }}
</span>
</li>
</ul>
<ul class="other">
@ -86,6 +89,9 @@
>
</template>
</span>
<span class="reminder" v-if="role.otherNightReminder">
{{ role.otherNightReminder }}
</span>
</li>
</ul>
</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 {
font-weight: bold;