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

Fix tooltip text overflow in some languages

Browse Source
This commit is contained in:
natsoni 2024-04-18 11:09:28 +02:00
parent c2d649d3f4
commit 89ef5fe33d
No known key found for this signature in database
GPG Key ID: C65917583181743B
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app/components/block-overview-tooltip/block-overview-tooltip.component.scss
View File

@ -10,7 +10,7 @@
padding: 10px 15px; padding: 10px 15px;
text-align: left; text-align: left;
min-width: 340px; min-width: 340px;
max-width: 340px; max-width: 400px;
pointer-events: none; pointer-events: none;
z-index: 11; z-index: 11;
@ -41,7 +41,7 @@ th, td {
flex-wrap: wrap; flex-wrap: wrap;
row-gap: 0.25em; row-gap: 0.25em;
margin-top: 0.2em; margin-top: 0.2em;
max-width: 100%; max-width: 310px;
.badge { .badge {
border-radius: 0.2rem; border-radius: 0.2rem;

2
frontend/src/app/components/block-overview-tooltip/block-overview-tooltip.component.ts
View File

@ -98,6 +98,6 @@ export class BlockOverviewTooltipComponent implements OnChanges {
} }
getTooltipLeftPosition(): string { getTooltipLeftPosition(): string {
return window.innerWidth < 392 ? '-40px' : this.tooltipPosition.x + 'px'; return window.innerWidth < 392 ? '-50px' : this.tooltipPosition.x + 'px';
} }
} }