mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2024-12-27 08:44:26 +01:00
Code Issues Projects Releases Wiki Activity

Apply coinbase style to blocks list tooltip

Browse Source
This commit is contained in:
nymkappa 2022-03-16 20:54:32 +01:00
parent 5c4aa6efac
commit f8c5584be7
No known key found for this signature in database
GPG Key ID: E155910B16E8BD04
2 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/components/blocks-list/blocks-list.component.html
View File

@ -30,7 +30,7 @@
onError="this.src = './resources/mining-pools/default.svg'">
<span class="pool-name">{{ block.extras.pool.name }}</span>
</a>
<span class="tooltiptext">{{ block.extras.coinbaseRaw | hex2ascii }}</span>
<span class="tooltiptext badge badge-secondary scriptmessage">{{ block.extras.coinbaseRaw | hex2ascii }}</span>
</div>
</td>
<td class="timestamp" *ngIf="!widget">

14
frontend/src/app/components/blocks-list/blocks-list.component.scss
View File

@ -34,8 +34,9 @@ td {
}
.pool.widget {
width: 40%;
padding-left: 30px;
@media (max-width: 576px) {
padding-left: 30px;
padding-left: 40px;
width: 60%;
}
}
@ -130,14 +131,12 @@ td {
.tooltip-custom .tooltiptext {
visibility: hidden;
background-color: black;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px;
position: absolute;
z-index: 1;
// width: 120px;
top: -40px;
left: 0;
}
@ -145,4 +144,13 @@ td {
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-custom:hover .tooltiptext {
visibility: visible;
}
.scriptmessage {
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
vertical-align: middle;
max-width: 50vw;
text-align: left;
}