From db64abec4ec140bf5ad427d708aab05db0355529 Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Sun, 10 May 2020 16:22:35 +0700
Subject: [PATCH] Dropdown color update.

---
 .../app/components/amount/amount.component.html    |  5 ++---
 .../master-page/master-page.component.html         |  6 +++---
 .../master-page/master-page.component.scss         | 14 +++++++++++++-
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/frontend/src/app/components/amount/amount.component.html b/frontend/src/app/components/amount/amount.component.html
index d6ed80bd3..025ff1f39 100644
--- a/frontend/src/app/components/amount/amount.component.html
+++ b/frontend/src/app/components/amount/amount.component.html
@@ -7,8 +7,7 @@
   </ng-template>
   <ng-template #default>
     {{ satoshis / 100000000 | number : digitsInfo }}
-    <ng-template [ngIf]="network === 'liquid'">L-BTC</ng-template>
-    <ng-template [ngIf]="network === 'testnet'">tBTC</ng-template>
-    <ng-template [ngIf]="network === ''">BTC</ng-template>
+    <ng-template [ngIf]="network === 'liquid'">L-</ng-template>
+    <ng-template [ngIf]="network === 'testnet'">t</ng-template>BTC
   </ng-template>
 </ng-template>
diff --git a/frontend/src/app/components/master-page/master-page.component.html b/frontend/src/app/components/master-page/master-page.component.html
index 618e83a47..a730cafb3 100644
--- a/frontend/src/app/components/master-page/master-page.component.html
+++ b/frontend/src/app/components/master-page/master-page.component.html
@@ -11,9 +11,9 @@
       <span class="sr-only">Toggle Dropdown</span>
     </button>
     <div class="dropdown-menu" [class.d-block]="!networkDropdownHidden">
-      <a class="dropdown-item" [class.active]="network === ''" routerLink="/">Mainnet</a>
-      <a class="dropdown-item" [class.active]="network === 'liquid'" routerLink="/liquid">Liquid</a>
-      <a class="dropdown-item" [class.active]="network === 'testnet'" routerLink="/testnet">Testnet</a>
+      <a class="dropdown-item mainnet" [class.active]="network === ''" routerLink="/">Mainnet</a>
+      <a class="dropdown-item liquid" [class.active]="network === 'liquid'" routerLink="/liquid">Liquid</a>
+      <a class="dropdown-item testnet" [class.active]="network === 'testnet'" routerLink="/testnet">Testnet</a>
       </div>
   </div>
 
diff --git a/frontend/src/app/components/master-page/master-page.component.scss b/frontend/src/app/components/master-page/master-page.component.scss
index c1a637def..45f8ec6e1 100644
--- a/frontend/src/app/components/master-page/master-page.component.scss
+++ b/frontend/src/app/components/master-page/master-page.component.scss
@@ -34,4 +34,16 @@ nav {
   position: absolute;
   top: 13px;
   left: 70px;
-}
\ No newline at end of file
+}
+
+.mainnet.active {
+  background-color: #653b9c;
+}
+
+.liquid.active {
+  background-color: #116761;
+}
+
+.testnet.active {
+  background-color: #1d486f;
+}