machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use ellipsis + tooltip combo to fix layout on long string

Browse Source
This commit is contained in:
nymkappa
2022-06-09 15:58:49 +02:00
parent bb7bd1a504
commit aa02170e5c
10 changed files with 57 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -44,6 +44,10 @@ tr, td, th {
@media (max-width: 576px) {
width: 34%;
}
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 160px;
}
.pool.widget {
width: 40%;
@@ -102,6 +106,10 @@ tr, td, th {
@media (max-width: 875px) {
display: none;
}
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100px;
}
.txs.widget {
padding-right: 0;
@@ -130,6 +138,10 @@ tr, td, th {
width: 7%;
padding-right: 30px;
}
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100px;
}
.reward.widget {
width: 20%;