From 61015dfa519554d594acfba25aa7d766727deb3c Mon Sep 17 00:00:00 2001
From: PikachuEXE <pikachuexe@gmail.com>
Date: Wed, 19 Jul 2023 11:23:28 +0800
Subject: [PATCH] * Update top nav bar icon to remove focus state style

Fix "navigation bar icons are still being highlighted after click"
---
 src/renderer/components/top-nav/top-nav.scss | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/renderer/components/top-nav/top-nav.scss b/src/renderer/components/top-nav/top-nav.scss
index eb94f0c4a232..1c8d0000d8fb 100644
--- a/src/renderer/components/top-nav/top-nav.scss
+++ b/src/renderer/components/top-nav/top-nav.scss
@@ -54,11 +54,6 @@
 
   @include top-nav-is-colored {
     color: var(--text-with-main-color);
-
-    &:hover,
-    &:focus {
-      background-color: var(--primary-color-hover);
-    }
   }
 
   &.fa-arrow-left,
@@ -69,10 +64,13 @@
     user-select: none;
   }
 
-  &:hover,
-  &:focus {
+  &:hover {
     background-color: var(--side-nav-hover-color);
     transition: background 0.2s ease-in;
+
+    @include top-nav-is-colored {
+      background-color: var(--primary-color-hover);
+    }
   }
 
   &:active {