From b4311db09043fc89f25dec15498f30db27b43f05 Mon Sep 17 00:00:00 2001 From: Steffen Date: Fri, 5 Feb 2021 22:07:25 +0100 Subject: [PATCH] added night order tooltips (closes #104) --- src/components/modals/NightOrderModal.vue | 26 +++++++++++++++++++++++ 1 file changed, 26 insertions(+) diff --git a/src/components/modals/NightOrderModal.vue b/src/components/modals/NightOrderModal.vue index e2496f1..9d0ee4f 100644 --- a/src/components/modals/NightOrderModal.vue +++ b/src/components/modals/NightOrderModal.vue @@ -50,6 +50,9 @@ })` }" > + + {{ role.firstNightReminder }} + @@ -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;