TenchinZero/Lieb-Website
1
0
Fork 0
forked from Sarah/Lieb-Website
Code Pull requests Activity

added user tooltip to polls

Browse source
This commit is contained in:
Sarah Faey 2023-02-06 12:56:40 +01:00
parent 7e87500992
commit de443ac03b
2 changed files with 54 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

21
Lieb/Pages/Poll/PollDetails.razor
View file

@ -22,11 +22,28 @@
{
@foreach(var answer in Answers)
{
<p>@answer.Key - @answer.Value </p>
<p class="nametooltip">
@answer.Key - @answer.Value
<span class="tooltiptext">
@foreach(PollAnswer pAnswer in _poll.Answers.Where(a => a.Answer == answer.Key))
{
<p>@UserService.GetLiebUser(pAnswer.UserId).Name</p>
}
</span>
</p>
<br/>
}
}
<br/>
<p>Not Answered - @_poll.Answers.Where(a => string.IsNullOrWhiteSpace(a.Answer)).Count() </p>
<p class="nametooltip">
Not Answered - @_poll.Answers.Where(a => string.IsNullOrWhiteSpace(a.Answer)).Count()
<span class="tooltiptext">
@foreach(PollAnswer pAnswer in _poll.Answers.Where(a => string.IsNullOrWhiteSpace(a.Answer)))
{
<p>@UserService.GetLiebUser(pAnswer.UserId).Name</p>
}
</span>
</p>
</div>
</body>

35
Lieb/Pages/Poll/PollDetails.razor.css
View file

@ -9,4 +9,39 @@ body {
h5 {
color: lightgrey;
}
.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;
}