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

Increase tooltip width in mempool graphs

Browse Source
This commit is contained in:
ncois 2023-11-17 13:47:28 +01:00
parent 59c513f2a5
commit 9d0bfdfa88
No known key found for this signature in database
GPG Key ID: 233CF3150A89BED8
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/components/incoming-transactions-graph/incoming-transactions-graph.component.ts
View File

@ -209,7 +209,7 @@ export class IncomingTransactionsGraphComponent implements OnInit, OnChanges, On
obj[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 80; obj[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 80;
return obj; return obj;
}, },
extraCssText: `width: ${(['2h', '24h'].includes(this.windowPreference) || this.template === 'widget') ? '125px' : '135px'}; extraCssText: `width: ${(['2h', '24h'].includes(this.windowPreference) || this.template === 'widget') ? '125px' : '215px'};
background: transparent; background: transparent;
border: none; border: none;
box-shadow: none;`, box-shadow: none;`,

2
frontend/src/app/components/mempool-graph/mempool-graph.component.ts
View File

@ -230,7 +230,7 @@ export class MempoolGraphComponent implements OnInit, OnChanges {
positions[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 100; positions[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 100;
return positions; return positions;
}, },
extraCssText: `width: ${(this.template === 'advanced') ? '275px' : '200px'}; extraCssText: `width: ${(this.template === 'advanced') ? '310px' : '200px'};
background: transparent; background: transparent;
border: none; border: none;
box-shadow: none;`, box-shadow: none;`,

4
frontend/src/styles.scss
View File

@ -519,7 +519,7 @@ html:lang(ru) .card-title {
.fees-wrapper-tooltip-chart-advanced, .fees-wrapper-tooltip-chart-advanced,
.tx-wrapper-tooltip-chart-advanced { .tx-wrapper-tooltip-chart-advanced {
background: rgba(#1d1f31, 0.98); background: rgba(#1d1f31, 0.98);
width: 275px; width: 310px;
thead { thead {
th { th {
@ -606,7 +606,7 @@ html:lang(ru) .card-title {
} }
.tx-wrapper-tooltip-chart-advanced { .tx-wrapper-tooltip-chart-advanced {
width: 140px; width: 215px;
.indicator-container { .indicator-container {
.indicator { .indicator {
margin-right: 5px; margin-right: 5px;