mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2025-02-24 06:47:52 +01:00
Code Issues Projects Releases Wiki Activity

Merge pull request #1133 from nymkappa/feature/disable-graph-interaction-mobile

Browse source 
Disable graph touch interaction in dashboard on mobile so we can scroll properly
This commit is contained in:
wiz 2022-01-13 07:20:58 +00:00 • committed by GitHub
commit 573cb8f993
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/app/components/incoming-transactions-graph/incoming-transactions-graph.component.ts
View file

@ -67,7 +67,7 @@ export class IncomingTransactionsGraphComponent implements OnInit, OnChanges {
left: this.left,
},
animation: false,
dataZoom: [{
dataZoom: (this.template === 'widget' && this.isMobile()) ? null : [{
type: 'inside',
realtime: true,
zoomLock: (this.template === 'widget') ? true : false,
@ -93,6 +93,7 @@ export class IncomingTransactionsGraphComponent implements OnInit, OnChanges {
},
}],
tooltip: {
show: !this.isMobile(),
trigger: 'axis',
position: (pos, params, el, elRect, size) => {
const obj = { top: -20 };
@ -219,4 +220,8 @@ export class IncomingTransactionsGraphComponent implements OnInit, OnChanges {
},
};
}
isMobile() {
return window.innerWidth <= 767.98;
}
}

8
frontend/src/app/components/mempool-graph/mempool-graph.component.ts
View file

@ -170,7 +170,7 @@ export class MempoolGraphComponent implements OnInit, OnChanges {
hover: true,
color: this.inverted ? [...newColors].reverse() : newColors,
tooltip: {
show: (window.innerWidth >= 768) ? true : false,
show: !this.isMobile(),
trigger: 'axis',
alwaysShowContent: false,
position: (pos, params, el, elRect, size) => {
@ -282,7 +282,7 @@ export class MempoolGraphComponent implements OnInit, OnChanges {
</div>`;
}
},
dataZoom: [{
dataZoom: (this.template === 'widget' && this.isMobile()) ? null : [{
type: 'inside',
realtime: true,
zoomLock: (this.template === 'widget') ? true : false,
@ -382,5 +382,9 @@ export class MempoolGraphComponent implements OnInit, OnChanges {
}
this.chartColorsOrdered = chartColors.slice(0, this.feeLevelsOrdered.length);
}
isMobile() {
return window.innerWidth <= 767.98;
}
}