Rename Preview
This commit is contained in:
parent
256a69a7d0
commit
48086358d2
@ -9,23 +9,23 @@
|
|||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.tooltip {
|
.cardpreview {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
border-bottom: 1px dotted black;
|
border-bottom: 1px dotted black;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tooltip .tooltiptext {
|
.cardpreview .cardpreviewtext {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
width: 300px;
|
width: 300px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
||||||
/* Position the tooltip */
|
/* Position the cardpreview */
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tooltip:hover .tooltiptext {
|
.cardpreview:hover .cardpreviewtext {
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@ -141,8 +141,8 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td>{{.SerraCount}}</td>
|
<td>{{.SerraCount}}</td>
|
||||||
<td>
|
<td>
|
||||||
<div class="tooltip"><strong>{{.Name }}</strong>
|
<div class="cardpreview"><strong>{{.Name }}</strong>
|
||||||
<span class="tooltiptext">
|
<span class="cardpreviewtext">
|
||||||
<img src="{{ .ImageUris.Normal }}" alt="" />
|
<img src="{{ .ImageUris.Normal }}" alt="" />
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user