GlcoinCore/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2026-08-13 12:33:11 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

fix(ui): pools address overflow and hide button on mobile (#5917)

Browse source
This commit is contained in:
OscarG673 2026-02-07 02:46:43 -06:00
parent 27ff011e77
commit 34190aa435
2 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

3
contributors/OscarG673 Normal file
View file

@ -0,0 +1,3 @@
I hereby accept the terms of the Contributor License Agreement in the CONTRIBUTING.md file of the mempool/mempool git repository as of February 7, 2026.
Signed: OscarG673

11
frontend/src/app/components/pool/pool.component.html
View file

@ -43,9 +43,10 @@
</a>
<div>
<div #collapse="ngbCollapse" [(ngbCollapse)]="gfg">
<a class="addresses-data" *ngFor="let address of poolStats.pool.addresses | slice: 1"
[routerLink]="['/address' | relativeUrl, address]">{{
address }}<br></a>
<a class="addresses-data"
*ngFor="let address of poolStats.pool.addresses | slice: 1"
[routerLink]="['/address' | relativeUrl, address]">
<app-truncate [text]="address" [lastChars]="8"></app-truncate></a>
</div>
<button *ngIf="poolStats.pool.addresses.length >= 2" type="button"
class="btn btn-sm btn-primary small-button" (click)="collapse.toggle()"
@ -65,7 +66,9 @@
<button *ngIf="poolStats.pool.addresses.length >= 2" type="button"
class="btn btn-sm btn-primary float-right small-button mobile" (click)="collapse.toggle()"
[attr.aria-expanded]="!gfg" aria-controls="collapseExample">
<span i18n="show-all">Show all</span> ({{ poolStats.pool.addresses.length }})
<span *ngIf="gfg" i18n="show-all">Show all</span>
<span *ngIf="!gfg" i18n="hide">Hide</span>
({{ poolStats.pool.addresses.length }})
</button>
<a class="addresses-data" [routerLink]="['/address' | relativeUrl, poolStats.pool.addresses[0]]">
{{ poolStats.pool.addresses[0] | shortenString: 30 }}