mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2024-11-20 10:21:52 +01:00
Code Issues 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',
alwaysShowContent: false,
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;
return positions;
},

7
frontend/src/styles.scss
View File

@ -453,7 +453,7 @@ html:lang(ru) .card-title {
.fees-wrapper-tooltip-chart-advanced,
.tx-wrapper-tooltip-chart-advanced {
background: rgba(#1d1f31, 0.98);
width: 250px;
width: 275px;
thead {
th {
@ -470,11 +470,12 @@ html:lang(ru) .card-title {
margin-bottom: 5px;
}
.item {
line-height: 1;
line-height: 1.25;
font-size: 11px;
.value {
width: 60px;
.symbol {
font-size: 10px !important;
font-size: 9px !important;
}
}
.total-partial {