Global footer

frontend/src/app/components/about/about.component.html

@@ -434,6 +434,8 @@
 
 </div>
 
+<br>
+
 <ng-template #loadingSponsors>
   <br>
   <div class="spinner-border text-light"></div>

frontend/src/app/components/master-page/master-page.component.html

@@ -65,9 +65,30 @@
 <app-testnet-alert *ngIf="network.val === 'testnet' || network.val === 'signet'"></app-testnet-alert>
 
 <br />
-
+<main>
   <router-outlet></router-outlet>
+</main>
 
+<footer *ngIf="networkPaths['mainnet'] !== '/about'">
+  <div class="pref-selectors">
+    <div class="selector">
+      <app-language-selector></app-language-selector>
+    </div>
+    <div class="selector">
+      <app-fiat-selector></app-fiat-selector>
+    </div>
+  </div>
+
+  <div class="terms-of-service">
+    <a [routerLink]="['/terms-of-service']" i18n="shared.terms-of-service|Terms of Service">Terms of Service</a>
+    |
+    <a [routerLink]="['/privacy-policy']" i18n="shared.privacy-policy|Privacy Policy">Privacy Policy</a>
+    |
+    <a *ngIf="officialMempoolSpace && networkPaths['mainnet'] === '/lightning' else broadcastTransaction" [routerLink]="['/lightning/group/the-mempool-open-source-project' | relativeUrl]">Connect to our nodes</a>
+    <ng-template #broadcastTransaction>
+      <a [routerLink]="['/tx/push' | relativeUrl]" i18n="shared.broadcast-transaction|Broadcast Transaction">Broadcast Transaction</a>
+    </ng-template>
+  </div>
   <br>
-
+</footer>
 </ng-container>

frontend/src/app/components/master-page/master-page.component.scss

@@ -193,3 +193,27 @@ nav {
     font-size: 7px;
   }
 }
+
+footer {
+  text-align: center;
+  margin-top: auto;
+}
+
+.terms-of-service {
+  margin-top: 1rem;
+}
+
+.pref-selectors {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: center;
+
+  .selector {
+    margin-left: .5em;
+    margin-bottom: .5em;
+    &:first {
+      margin-left: 0;
+    }
+  }
+}

frontend/src/app/components/master-page/master-page.component.ts

@@ -35,6 +35,7 @@ export class MasterPageComponent implements OnInit {
     this.urlLanguage = this.languageService.getLanguageForUrl();
     this.subdomain = this.enterpriseService.getSubdomain();
     this.navigationService.subnetPaths.subscribe((paths) => {
+      console.log(paths);
       this.networkPaths = paths;
     });
   }

frontend/src/app/components/mining-dashboard/mining-dashboard.component.html

@@ -73,24 +73,4 @@
     </div>
 
   </div>
-
-  <div class="pref-selectors">
-    <div class="selector">
-      <app-language-selector></app-language-selector>
-    </div>
-    <div class="selector">
-      <app-fiat-selector></app-fiat-selector>
-    </div>
-  </div>
-
-  <div class="terms-of-service">
-    <a [routerLink]="['/terms-of-service']" i18n="shared.terms-of-service|Terms of Service">Terms of Service</a>
-    |
-    <a [routerLink]="['/privacy-policy']" i18n="shared.privacy-policy|Privacy Policy">Privacy Policy</a>
-    |
-    <a [routerLink]="['/tx/push' | relativeUrl]" i18n="shared.broadcast-transaction|Broadcast Transaction">Broadcast Transaction</a>
-  </div>
-
-  <br>
-
 </div>

frontend/src/app/components/mining-dashboard/mining-dashboard.component.scss

@@ -1,10 +1,6 @@
 .dashboard-container {
-  padding-bottom: 60px;
   text-align: center;
   margin-top: 0.5rem;
-  @media (min-width: 992px) {
-    padding-bottom: 0px;
-  }
   .col {
     margin-bottom: 1.5rem;
   }
@@ -104,22 +100,3 @@
   text-decoration: none;
   color: inherit;
 }
-
-.terms-of-service {
-  margin-top: 1rem;
-}
-
-.pref-selectors {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  justify-content: center;
-
-  .selector {
-    margin-left: .5em;
-    margin-bottom: .5em;
-    &:first {
-      margin-left: 0;
-    }
-  }
-}

frontend/src/app/components/transaction/transaction.component.html

@@ -465,8 +465,6 @@
 
 </div>
 
-<br>
-
 <ng-template #feeTable>
   <table class="table table-borderless table-striped">
     <tbody>

frontend/src/app/dashboard/dashboard.component.html

@@ -143,26 +143,6 @@
       </div>
     </div>
   </div>
-
-  <div class="pref-selectors">
-    <div class="selector">
-      <app-language-selector></app-language-selector>
-    </div>
-    <div class="selector">
-      <app-fiat-selector></app-fiat-selector>
-    </div>
-  </div>
-
-  <div class="terms-of-service">
-    <a [routerLink]="['/terms-of-service']" i18n="shared.terms-of-service|Terms of Service">Terms of Service</a>
-    |
-    <a [routerLink]="['/privacy-policy']" i18n="shared.privacy-policy|Privacy Policy">Privacy Policy</a>
-    |
-    <a [routerLink]="['/tx/push' | relativeUrl]" i18n="shared.broadcast-transaction|Broadcast Transaction">Broadcast Transaction</a>
-  </div>
-
-  <br>
-
 </div>
 
 <ng-template #loadingAssetsTable>

frontend/src/app/dashboard/dashboard.component.scss

@@ -1,10 +1,6 @@
 .dashboard-container {
-  padding-bottom: 60px;
   text-align: center;
   margin-top: 0.5rem;
-  @media (min-width: 992px) {
-    padding-bottom: 0px;
-  }
   .col {
     margin-bottom: 1.5rem;
   }
@@ -324,18 +320,3 @@
   text-decoration: none;
   color: inherit;
 }
-
-.pref-selectors {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  justify-content: center;
-
-  .selector {
-    margin-left: .5em;
-    margin-bottom: .5em;
-    &:first {
-      margin-left: 0;
-    }
-  }
-}

frontend/src/app/docs/docs/docs.component.html

@@ -45,15 +45,5 @@
 
     <div id="main-tab-content" [ngbNavOutlet]="nav"></div>
 
-    <br>
-
-    <div id="footer" class="text-center">
-      <a [routerLink]="['/terms-of-service']" i18n="shared.terms-of-service|Terms of Service">Terms of Service</a>
-      |
-      <a [routerLink]="['/privacy-policy']" i18n="shared.privacy-policy|Privacy Policy">Privacy Policy</a>
-    </div>
-
-    <br>
-
   </div>
 </div>

frontend/src/app/lightning/lightning-dashboard/lightning-dashboard.component.html

@@ -84,24 +84,4 @@
 
   </div>
 
-  <div class="pref-selectors">
-    <div class="selector">
-      <app-language-selector></app-language-selector>
-    </div>
-    <div class="selector">
-      <app-fiat-selector></app-fiat-selector>
-    </div>
-  </div>
-
-  <div class="terms-of-service">
-    <a [routerLink]="['/terms-of-service']" i18n="shared.terms-of-service|Terms of Service">Terms of Service</a>
-    |
-    <a [routerLink]="['/privacy-policy']" i18n="shared.privacy-policy|Privacy Policy">Privacy Policy</a>
-    |
-    <a *ngIf="officialMempoolSpace" [routerLink]="['/lightning/group/the-mempool-open-source-project' | relativeUrl]">Connect to our nodes</a>
-    <a *ngIf="!officialMempoolSpace" [routerLink]="['/tx/push' | relativeUrl]" i18n="shared.broadcast-transaction|Broadcast Transaction">Broadcast Transaction</a>
-  </div>
-
-  <br>
-
 </div>

frontend/src/app/lightning/lightning-dashboard/lightning-dashboard.component.scss

@@ -1,5 +1,4 @@
 .dashboard-container {
-  padding-bottom: 60px;
   text-align: center;
   margin-top: 0.5rem;
   @media (min-width: 992px) {
@@ -104,22 +103,3 @@
   text-decoration: none;
   color: inherit;
 }
-
-.terms-of-service {
-  margin-top: 1rem;
-}
-
-.pref-selectors {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  justify-content: center;
-
-  .selector {
-    margin-left: .5em;
-    margin-bottom: .5em;
-    &:first {
-      margin-left: 0;
-    }
-  }
-}

frontend/src/app/lightning/node/node.component.html

@@ -352,5 +352,3 @@
 
   </div>
 </ng-template>
-
-<br>

frontend/src/styles.scss

@@ -60,11 +60,8 @@ body {
 
 .container {
   position: relative;
-  padding-bottom: 60px;
-}
-.container-xl {
-  padding-bottom: 60px;
 }
+
 .full-height {
   @media (max-width: 767.98px) {
     min-height: 100vh;
@@ -1141,3 +1138,9 @@ th {
 .visually-hidden {
   display: none;
 }
+
+app-master-page {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}