From 0131f7c4990de5517677ec3bd45d734498c76e31 Mon Sep 17 00:00:00 2001
From: "t.ruspekhofer" <t.ruspekhofer@gmail.com>
Date: Wed, 16 Mar 2022 22:55:21 +0100
Subject: [PATCH] added user tooltip

---
 Lieb/Pages/Raids/SignedUpUsers.razor     | 20 ++++++++------
 Lieb/Pages/Raids/SignedUpUsers.razor.css | 35 ++++++++++++++++++++++++
 2 files changed, 47 insertions(+), 8 deletions(-)
 create mode 100644 Lieb/Pages/Raids/SignedUpUsers.razor.css

diff --git a/Lieb/Pages/Raids/SignedUpUsers.razor b/Lieb/Pages/Raids/SignedUpUsers.razor
index 2ba7bac..e214518 100644
--- a/Lieb/Pages/Raids/SignedUpUsers.razor
+++ b/Lieb/Pages/Raids/SignedUpUsers.razor
@@ -20,17 +20,21 @@
 
                 @if (isUser && _usableAccounts.Count > 1 && signUp.SignUpType != SignUpType.Flex)
                 {
-                    <td>@signUp.LiebUser.Name 
-                    <select value=@signUp.GuildWars2AccountId @onchange="args => _Parent.ChangeAccount(args)">
-                        @foreach (var account in _usableAccounts)
-                        {
-                            <option value=@account.GuildWars2AccountId>@account.AccountName</option>
-                        }
-                    </select> @signUpStatus </td>
+                    <td>
+                        <select value=@signUp.GuildWars2AccountId @onchange="args => _Parent.ChangeAccount(args)">
+                            @foreach (var account in _usableAccounts)
+                            {
+                                <option value=@account.GuildWars2AccountId>@account.AccountName</option>
+                            }
+                        </select> @signUpStatus 
+                    </td>
                 }
                 else
                 {
-                    <td>@signUp.LiebUser.Name (@signUp.GuildWars2Account.AccountName) @signUpStatus</td> 
+                    <td class="nametooltip">
+                        @signUp.GuildWars2Account.AccountName @signUpStatus
+                        <span class="tooltiptext">@signUp.LiebUser.Name</span>
+                    </td> 
                 }
             </tr>
         }
diff --git a/Lieb/Pages/Raids/SignedUpUsers.razor.css b/Lieb/Pages/Raids/SignedUpUsers.razor.css
new file mode 100644
index 0000000..f2b4be0
--- /dev/null
+++ b/Lieb/Pages/Raids/SignedUpUsers.razor.css
@@ -0,0 +1,35 @@
+
+.nametooltip {
+    position: relative;
+    display: inline-block;
+    border-bottom: 1px dotted black;
+}
+
+.nametooltip .tooltiptext {
+    visibility: hidden;
+    width: 120px;
+    background-color: black;
+    color: #fff;
+    text-align: center;
+    border-radius: 6px;
+    padding: 5px 0;
+    position: absolute;
+    z-index: 1;
+    top: -5px;
+    right: 110%;
+}
+
+.nametooltip .tooltiptext::after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    left: 100%;
+    margin-top: -5px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: transparent transparent transparent black;
+}
+
+.nametooltip:hover .tooltiptext {
+    visibility: visible;
+}