From 8e61720e09faf5e0ecde1768583b1be9bb32292e Mon Sep 17 00:00:00 2001
From: nymkappa <vialjoris@hotmail.com>
Date: Mon, 14 Mar 2022 18:25:16 +0100
Subject: [PATCH] Add active router links - Disable graph touch scroll

---
 frontend/src/app/components/graphs/graphs.component.html  | 8 ++++----
 .../components/hashrate-chart/hashrate-chart.component.ts | 5 +++--
 .../hashrate-chart-pools.component.ts                     | 1 +
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/frontend/src/app/components/graphs/graphs.component.html b/frontend/src/app/components/graphs/graphs.component.html
index 3a5b3ec73..9788437a9 100644
--- a/frontend/src/app/components/graphs/graphs.component.html
+++ b/frontend/src/app/components/graphs/graphs.component.html
@@ -1,20 +1,20 @@
 <ul ngbNav #nav="ngbNav" class="nav-pills mb-3" style="padding: 0px 35px">
   <div class="d-inline-flex flex-wrap menu">
     <li ngbNavItem class="menu-li">
-      <a [routerLink]="['/graphs/mempool' | relativeUrl]" ngbNavLink>Mempool</a>
+      <a routerLinkActive="active" [routerLink]="['/graphs/mempool' | relativeUrl]" ngbNavLink>Mempool</a>
     </li>
     <li ngbNavItem class="menu-li">
-      <a [routerLink]="['/graphs/mining/pools' | relativeUrl]" ngbNavLink i18n="mining.pools">
+      <a routerLinkActive="active" [routerLink]="['/graphs/mining/pools' | relativeUrl]" ngbNavLink i18n="mining.pools">
         Pools ranking
       </a>
     </li>
     <li ngbNavItem class="menu-li">
-      <a [routerLink]="['/graphs/mining/pools-dominance' | relativeUrl]" ngbNavLink i18n="mining.pools-dominance">
+      <a routerLinkActive="active" [routerLink]="['/graphs/mining/pools-dominance' | relativeUrl]" ngbNavLink i18n="mining.pools-dominance">
         Pools dominance
       </a>
     </li>
     <li ngbNavItem class="menu-li">
-      <a [routerLink]="['/graphs/mining/hashrate-difficulty' | relativeUrl]" ngbNavLink
+      <a routerLinkActive="active" [routerLink]="['/graphs/mining/hashrate-difficulty' | relativeUrl]" ngbNavLink
         i18n="mining.hashrate-difficulty">
         Hashrate & Difficulty
       </a>
diff --git a/frontend/src/app/components/hashrate-chart/hashrate-chart.component.ts b/frontend/src/app/components/hashrate-chart/hashrate-chart.component.ts
index 0260db374..2c0ac0413 100644
--- a/frontend/src/app/components/hashrate-chart/hashrate-chart.component.ts
+++ b/frontend/src/app/components/hashrate-chart/hashrate-chart.component.ts
@@ -170,7 +170,7 @@ export class HashrateChartComponent implements OnInit {
       grid: {
         right: this.right,
         left: this.left,
-        bottom: this.widget ? 30 : 60,
+        bottom: this.widget ? 30 : this.isMobile() ? 90 : 60,
       },
       tooltip: {
         show: !this.isMobile() || !this.widget,
@@ -303,13 +303,14 @@ export class HashrateChartComponent implements OnInit {
         zoomLock: true,
         maxSpan: 100,
         minSpan: 10,
+        moveOnMouseMove: false,
       }, {
         showDetail: false,
         show: true,
         type: 'slider',
         brushSelect: false,
         realtime: true,
-        bottom: 0,
+        bottom: this.isMobile() ? 30 : 0,
         left: 20,
         right: 15,
         selectedDataBackground: {
diff --git a/frontend/src/app/components/hashrates-chart-pools/hashrate-chart-pools.component.ts b/frontend/src/app/components/hashrates-chart-pools/hashrate-chart-pools.component.ts
index b563e4ca0..280852d47 100644
--- a/frontend/src/app/components/hashrates-chart-pools/hashrate-chart-pools.component.ts
+++ b/frontend/src/app/components/hashrates-chart-pools/hashrate-chart-pools.component.ts
@@ -213,6 +213,7 @@ export class HashrateChartPoolsComponent implements OnInit {
         zoomLock: true,
         maxSpan: 100,
         minSpan: 10,
+        moveOnMouseMove: false,
       }, {
         showDetail: false,
         show: true,