Fix loading spinner z-index

2024-07-26 00:00:14 +02:00 · 2024-07-26 00:00:14 +02:00 · 3c7deafffd
commit 3c7deafffd
parent 008cc385da
29 changed files with 32 additions and 32 deletions
--- a/frontend/src/app/components/acceleration/acceleration-fees-graph/acceleration-fees-graph.component.ts
+++ b/frontend/src/app/components/acceleration/acceleration-fees-graph/acceleration-fees-graph.component.ts
@ -23,7 +23,7 @@ import { RelativeUrlPipe } from '../../../shared/pipes/relative-url/relative-url
      position: absolute;
      top: 50%;
      left: calc(50% - 15px);
-      z-index: 100;
+      z-index: 99;
    }
  `],
  changeDetection: ChangeDetectionStrategy.OnPush,
--- a/frontend/src/app/components/address-graph/address-graph.component.ts
+++ b/frontend/src/app/components/address-graph/address-graph.component.ts
@ -30,7 +30,7 @@ const periodSeconds = {
      position: absolute;
      top: 50%;
      left: calc(50% - 15px);
-      z-index: 100;
+      z-index: 99;
    }
  `],
  changeDetection: ChangeDetectionStrategy.OnPush,
--- a/frontend/src/app/components/block-fee-rates-graph/block-fee-rates-graph.component.ts
+++ b/frontend/src/app/components/block-fee-rates-graph/block-fee-rates-graph.component.ts
@ -23,7 +23,7 @@ import { ActivatedRoute, Router } from '@angular/router';
      position: absolute;
      top: 50%;
      left: calc(50% - 15px);
-      z-index: 100;
+      z-index: 99;
    }
  `],
  changeDetection: ChangeDetectionStrategy.OnPush,
--- a/frontend/src/app/components/block-fees-graph/block-fees-graph.component.ts
+++ b/frontend/src/app/components/block-fees-graph/block-fees-graph.component.ts
@ -23,7 +23,7 @@ import { StateService } from '../../services/state.service';
      position: absolute;
      top: 50%;
      left: calc(50% - 15px);
-      z-index: 100;
+      z-index: 99;
    }
  `],
  changeDetection: ChangeDetectionStrategy.OnPush,
--- a/frontend/src/app/components/block-fees-subsidy-graph/block-fees-subsidy-graph.component.ts
+++ b/frontend/src/app/components/block-fees-subsidy-graph/block-fees-subsidy-graph.component.ts
@ -24,7 +24,7 @@ import { RelativeUrlPipe } from '../../shared/pipes/relative-url/relative-url.pi
      position: absolute;
      top: 50%;
      left: calc(50% - 15px);
-      z-index: 100;
+      z-index: 99;
    }
  `],
  changeDetection: ChangeDetectionStrategy.OnPush,
--- a/frontend/src/app/components/block-health-graph/block-health-graph.component.ts
+++ b/frontend/src/app/components/block-health-graph/block-health-graph.component.ts
@ -21,7 +21,7 @@ import { StateService } from '../../services/state.service';
      position: absolute;
      top: 50%;
      left: calc(50% - 15px);
-      z-index: 100;
+      z-index: 99;
    }
  `],
  changeDetection: ChangeDetectionStrategy.OnPush,
--- a/frontend/src/app/components/block-rewards-graph/block-rewards-graph.component.ts
+++ b/frontend/src/app/components/block-rewards-graph/block-rewards-graph.component.ts
@ -23,7 +23,7 @@ import { StateService } from '../../services/state.service';
      position: absolute;
      top: 50%;
      left: calc(50% - 15px);
-      z-index: 100;
+      z-index: 99;
    }
  `],
  changeDetection: ChangeDetectionStrategy.OnPush,
--- a/frontend/src/app/components/block-sizes-weights-graph/block-sizes-weights-graph.component.ts
+++ b/frontend/src/app/components/block-sizes-weights-graph/block-sizes-weights-graph.component.ts
@ -21,7 +21,7 @@ import { StateService } from '../../services/state.service';
      position: absolute;
      top: 50%;
      left: calc(50% - 15px);
-      z-index: 100;
+      z-index: 99;
    }
  `],
  changeDetection: ChangeDetectionStrategy.OnPush,
--- a/frontend/src/app/components/difficulty-adjustments-table/difficulty-adjustments-table.components.ts
+++ b/frontend/src/app/components/difficulty-adjustments-table/difficulty-adjustments-table.components.ts
@ -15,7 +15,7 @@ import { StateService } from '../../services/state.service';
      position: absolute;
      top: 50%;
      left: calc(50% - 15px);
-      z-index: 100;
+      z-index: 99;
    }
  `],
 })
--- a/frontend/src/app/components/hashrate-chart/hashrate-chart.component.ts
+++ b/frontend/src/app/components/hashrate-chart/hashrate-chart.component.ts
@ -23,7 +23,7 @@ import { seoDescriptionNetwork } from '../../shared/common.utils';
      position: absolute;
      top: 50%;
      left: calc(50% - 15px);
-      z-index: 100;
+      z-index: 99;
    }
  `],
  changeDetection: ChangeDetectionStrategy.OnPush,
--- a/frontend/src/app/components/hashrates-chart-pools/hashrate-chart-pools.component.scss
+++ b/frontend/src/app/components/hashrates-chart-pools/hashrate-chart-pools.component.scss
@ -59,7 +59,7 @@
  position: absolute;
  top: 50%;
  left: calc(50% - 15px);
-  z-index: 100;
+  z-index: 99;
 }
 .loadingGraphs.widget {
  top: 75%;
--- 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
@ -28,7 +28,7 @@ interface Hashrate {
      position: absolute;
      top: 50%;
      left: calc(50% - 15px);
-      z-index: 100;
+      z-index: 99;
    }
  `],
  changeDetection: ChangeDetectionStrategy.OnPush,
--- a/frontend/src/app/components/incoming-transactions-graph/incoming-transactions-graph.component.ts
+++ b/frontend/src/app/components/incoming-transactions-graph/incoming-transactions-graph.component.ts
@ -17,7 +17,7 @@ const OUTLIERS_MEDIAN_MULTIPLIER = 4;
      position: absolute;
      top: 50%;
      left: calc(50% - 16px);
-      z-index: 100;
+      z-index: 99;
    }
  `],
  changeDetection: ChangeDetectionStrategy.OnPush,
--- a/frontend/src/app/components/lbtc-pegs-graph/lbtc-pegs-graph.component.ts
+++ b/frontend/src/app/components/lbtc-pegs-graph/lbtc-pegs-graph.component.ts
@ -11,7 +11,7 @@ import { StateService } from '../../services/state.service';
      position: absolute;
      top: 50%;
      left: calc(50% - 16px);
-      z-index: 100;
+      z-index: 99;
    }
  `],
  templateUrl: './lbtc-pegs-graph.component.html',
--- a/frontend/src/app/components/liquid-reserves-audit/reserves-ratio/reserves-ratio.component.scss
+++ b/frontend/src/app/components/liquid-reserves-audit/reserves-ratio/reserves-ratio.component.scss
@ -2,5 +2,5 @@
  position: absolute;
  top: 50%;
  left: calc(50% - 16px);
-  z-index: 100;
+  z-index: 99;
 }
--- a/frontend/src/app/components/loading-indicator/loading-indicator.component.scss
+++ b/frontend/src/app/components/loading-indicator/loading-indicator.component.scss
@ -1,7 +1,7 @@
 .sticky-loading {
  position: absolute;
  right: 10px;
-  z-index: 100;
+  z-index: 99;
  font-size: 14px;
  @media (width >= 992px) {
    left: 32px;
--- a/frontend/src/app/components/mempool-graph/mempool-graph.component.ts
+++ b/frontend/src/app/components/mempool-graph/mempool-graph.component.ts
@ -18,7 +18,7 @@ import { download, formatterXAxis, formatterXAxisLabel } from '../../shared/grap
      position: absolute;
      top: 50%;
      left: calc(50% - 16px);
-      z-index: 100;
+      z-index: 99;
    }
  `],
  changeDetection: ChangeDetectionStrategy.OnPush,
--- a/frontend/src/app/components/pool-ranking/pool-ranking.component.scss
+++ b/frontend/src/app/components/pool-ranking/pool-ranking.component.scss
@ -60,7 +60,7 @@
  position: absolute;
  top: 50%;
  left: calc(50% - 15px);
-  z-index: 100;
+  z-index: 99;
 }

 .pool-distribution {
--- a/frontend/src/app/components/pool/pool.component.scss
+++ b/frontend/src/app/components/pool/pool.component.scss
@ -167,7 +167,7 @@ div.scrollable {
 .loadingGraphs {
  position: absolute;
  left: calc(50% - 15px);
-  z-index: 100;
+  z-index: 99;
  top: 475px;
  @media (max-width: 992px) {
    top: 600px;
--- a/frontend/src/app/components/tracker/tracker.component.scss
+++ b/frontend/src/app/components/tracker/tracker.component.scss
@ -49,7 +49,7 @@
  position: relative;
  background: var(--nav-bg);
  box-shadow: 0 -5px 15px #000;
-  z-index: 100;
+  z-index: 99;
  align-items: center;
  justify-content: space-between;

--- a/frontend/src/app/lightning/channel/channel.component.scss
+++ b/frontend/src/app/lightning/channel/channel.component.scss
@ -68,7 +68,7 @@ h3 {
 .loading-spinner {
  position: absolute;
  top: 400px;
-  z-index: 100;
+  z-index: 99;
  width: 100%;
  left: 0;
  @media (max-width: 767.98px) {
--- a/frontend/src/app/lightning/node-fee-chart/node-fee-chart.component.ts
+++ b/frontend/src/app/lightning/node-fee-chart/node-fee-chart.component.ts
@ -16,7 +16,7 @@ import { StateService } from '../../services/state.service';
      position: absolute;
      top: 50%;
      left: calc(50% - 15px);
-      z-index: 100;
+      z-index: 99;
    }
  `],
 })
--- a/frontend/src/app/lightning/node-statistics-chart/node-statistics-chart.component.ts
+++ b/frontend/src/app/lightning/node-statistics-chart/node-statistics-chart.component.ts
@ -19,7 +19,7 @@ import { StateService } from '../../services/state.service';
      position: absolute;
      top: 50%;
      left: calc(50% - 15px);
-      z-index: 100;
+      z-index: 99;
    }
  `],
 })
--- a/frontend/src/app/lightning/nodes-channels-map/nodes-channels-map.component.scss
+++ b/frontend/src/app/lightning/nodes-channels-map/nodes-channels-map.component.scss
@ -102,7 +102,7 @@
  position: absolute;
  top: 50%;
  left: calc(50% - 15px);
-  z-index: 100;
+  z-index: 99;
  @media (max-width: 767.98px) {
    top: 550px;
  }
@ -110,7 +110,7 @@
 .loading-spinner.widget {
  position: absolute;
  top: 200px;
-  z-index: 100;
+  z-index: 99;
  width: 100%;
  left: 0;
  @media (max-width: 767.98px) {
@ -120,7 +120,7 @@
 .loading-spinner.nodepage {
  position: absolute;
  top: 200px;
-  z-index: 100;
+  z-index: 99;
  width: 100%;
  left: 0;
 }
@ -128,7 +128,7 @@
 .loading-spinner.channelpage {
  position: absolute;
  top: 400px;
-  z-index: 100;
+  z-index: 99;
  width: 100%;
  left: 0;
  @media (max-width: 767.98px) {
--- a/frontend/src/app/lightning/nodes-channels/node-channels.component.scss
+++ b/frontend/src/app/lightning/nodes-channels/node-channels.component.scss
@ -8,7 +8,7 @@
  left: 0;
  right: 0;
  width: 100%;
-  z-index: 100;
+  z-index: 99;
 }

 .spinner-border {
--- a/frontend/src/app/lightning/nodes-map/nodes-map.component.scss
+++ b/frontend/src/app/lightning/nodes-map/nodes-map.component.scss
@ -68,7 +68,7 @@
  position: absolute;
  top: 50%;
  left: calc(50% - 15px);
-  z-index: 100;
+  z-index: 99;
  @media (max-width: 767.98px) {
    top: 550px;
  }
--- a/frontend/src/app/lightning/nodes-networks-chart/nodes-networks-chart.component.ts
+++ b/frontend/src/app/lightning/nodes-networks-chart/nodes-networks-chart.component.ts
@ -22,7 +22,7 @@ import { StateService } from '../../services/state.service';
      position: absolute;
      top: 50%;
      left: calc(50% - 15px);
-      z-index: 100;
+      z-index: 99;
    }
  `],
  changeDetection: ChangeDetectionStrategy.OnPush,
--- a/frontend/src/app/lightning/nodes-per-isp-chart/nodes-per-isp-chart.component.scss
+++ b/frontend/src/app/lightning/nodes-per-isp-chart/nodes-per-isp-chart.component.scss
@ -46,7 +46,7 @@
  position: absolute;
  top: 50%;
  left: calc(50% - 15px);
-  z-index: 100;
+  z-index: 99;
 }

 .pool-distribution {
--- a/frontend/src/app/lightning/statistics-chart/lightning-statistics-chart.component.ts
+++ b/frontend/src/app/lightning/statistics-chart/lightning-statistics-chart.component.ts
@ -22,7 +22,7 @@ import { StateService } from '../../services/state.service';
      position: absolute;
      top: 50%;
      left: calc(50% - 15px);
-      z-index: 100;
+      z-index: 99;
    }
  `],
 })