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

Disable graph touch interaction in dashboard on mobile so we can scroll properly

Browse Source
This commit is contained in:
nymkappa 2022-01-13 12:00:49 +09:00
parent 9b6d679739
commit 5f2350b763
No known key found for this signature in database
GPG Key ID: E155910B16E8BD04
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;
}
}