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

Merge pull request #862 from MiguelMedeiros/ui-tooltip-size

Browse Source 
UI/UX: Make tooltip looks bigger on mempool fee chart.
This commit is contained in:
softsimon 2021-10-08 13:59:45 +04:00 committed by GitHub
commit ed2ebb1c70
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -155,7 +155,7 @@ export class MempoolGraphComponent implements OnInit, OnChanges {
trigger: 'axis', trigger: 'axis',
alwaysShowContent: false, alwaysShowContent: false,
position: (pos, params, el, elRect, size) => { position: (pos, params, el, elRect, size) => {
const positions = { top: (this.template === 'advanced') ? 30 : -30 }; const positions = { top: (this.template === 'advanced') ? 0 : -30 };
positions[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 60; positions[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 60;
return positions; return positions;
}, },

7
frontend/src/styles.scss
View File

@ -453,7 +453,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: 250px; width: 275px;
thead { thead {
th { th {
@ -470,11 +470,12 @@ html:lang(ru) .card-title {
margin-bottom: 5px; margin-bottom: 5px;
} }
.item { .item {
line-height: 1; line-height: 1.25;
font-size: 11px;
.value { .value {
width: 60px; width: 60px;
.symbol { .symbol {
font-size: 10px !important; font-size: 9px !important;
} }
} }
.total-partial { .total-partial {