From f840456a402f41fb9436ec0e3e3d87645960caf7 Mon Sep 17 00:00:00 2001
From: Omar Allouch <allouchomar1@gmail.com>
Date: Mon, 11 Nov 2024 16:07:35 +0100
Subject: [PATCH] [ux] add transition duration for header elements

---
 src/components/header/Header.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/header/Header.scss b/src/components/header/Header.scss
index 04a6746b68..b0230aced3 100644
--- a/src/components/header/Header.scss
+++ b/src/components/header/Header.scss
@@ -14,10 +14,12 @@
 
 .dark-menu li a {
   color: $textColorDark !important;
+  transition-duration: 0.2s;
 }
 
 .dark-menu li a:hover {
   background-color: $buttonColor !important;
+  transition-duration: 0.2s;
 }
 
 .header {
@@ -43,11 +45,13 @@
   padding: 15px 20px;
   color: $textColor;
   text-decoration: none;
+  transition-duration: 0.2s;
 }
 
 .header li a:hover,
 .header .menu-btn:hover {
   background-color: $headerHoverBG;
+  transition-duration: 0.2s;
 }
 
 .header .logo {