diff --git a/frontend/src/app/components/blocks-list/blocks-list.component.html b/frontend/src/app/components/blocks-list/blocks-list.component.html index dfaba73b2..3f7b7730b 100644 --- a/frontend/src/app/components/blocks-list/blocks-list.component.html +++ b/frontend/src/app/components/blocks-list/blocks-list.component.html @@ -10,12 +10,15 @@
Height | -Pool | +Pool | Timestamp | Mined | -Reward | +Reward | Fees | -TXs | +TXs | Transactions | Size | diff --git a/frontend/src/app/components/blocks-list/blocks-list.component.scss b/frontend/src/app/components/blocks-list/blocks-list.component.scss index 8388ecac2..0b5780187 100644 --- a/frontend/src/app/components/blocks-list/blocks-list.component.scss +++ b/frontend/src/app/components/blocks-list/blocks-list.component.scss @@ -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%; diff --git a/frontend/src/app/components/blocks-list/blocks-list.component.ts b/frontend/src/app/components/blocks-list/blocks-list.component.ts index c565e9e30..cb8db2fe3 100644 --- a/frontend/src/app/components/blocks-list/blocks-list.component.ts +++ b/frontend/src/app/components/blocks-list/blocks-list.component.ts @@ -114,4 +114,8 @@ export class BlocksList implements OnInit { trackByBlock(index: number, block: BlockExtended) { return block.height; } + + isEllipsisActive(e) { + return (e.offsetWidth < e.scrollWidth); + } } \ No newline at end of file diff --git a/frontend/src/app/components/fees-box/fees-box.component.scss b/frontend/src/app/components/fees-box/fees-box.component.scss index 8e20069aa..ba68e2086 100644 --- a/frontend/src/app/components/fees-box/fees-box.component.scss +++ b/frontend/src/app/components/fees-box/fees-box.component.scss @@ -120,4 +120,9 @@ &.prority { width: 33%; } + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + padding-left: 5px; + padding-right: 5px; } \ No newline at end of file diff --git a/frontend/src/app/components/pool-ranking/pool-ranking.component.html b/frontend/src/app/components/pool-ranking/pool-ranking.component.html index 367f460df..738f540f3 100644 --- a/frontend/src/app/components/pool-ranking/pool-ranking.component.html +++ b/frontend/src/app/components/pool-ranking/pool-ranking.component.html @@ -5,19 +5,22 @@
---|