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

Merge branch 'master' into bugfix/blocks-list-pagination

Browse Source
This commit is contained in:
wiz 2022-03-16 20:17:44 +00:00 committed by GitHub
commit cf9a258a7b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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'"> onError="this.src = './resources/mining-pools/default.svg'">
<span class="pool-name">{{ block.extras.pool.name }}</span> <span class="pool-name">{{ block.extras.pool.name }}</span>
</a> </a>
<span class="tooltiptext">{{ block.extras.coinbaseRaw | hex2ascii }}</span> <span class="tooltiptext badge badge-secondary scriptmessage">{{ block.extras.coinbaseRaw | hex2ascii }}</span>
</div> </div>
</td> </td>
<td class="timestamp" *ngIf="!widget"> <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 { .pool.widget {
width: 40%; width: 40%;
padding-left: 30px;
@media (max-width: 576px) { @media (max-width: 576px) {
padding-left: 30px; padding-left: 40px;
width: 60%; width: 60%;
} }
} }
@ -130,14 +131,12 @@ td {
.tooltip-custom .tooltiptext { .tooltip-custom .tooltiptext {
visibility: hidden; visibility: hidden;
background-color: black;
color: #fff; color: #fff;
text-align: center; text-align: center;
padding: 5px 0; padding: 5px 0;
border-radius: 6px; border-radius: 6px;
position: absolute; position: absolute;
z-index: 1; z-index: 1;
// width: 120px;
top: -40px; top: -40px;
left: 0; left: 0;
} }
@ -145,4 +144,13 @@ td {
/* Show the tooltip text when you mouse over the tooltip container */ /* Show the tooltip text when you mouse over the tooltip container */
.tooltip-custom:hover .tooltiptext { .tooltip-custom:hover .tooltiptext {
visibility: visible; visibility: visible;
}
.scriptmessage {
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
vertical-align: middle;
max-width: 50vw;
text-align: left;
} }