From b50e79ae4d1471b0e26310ba5e518351ffb71678 Mon Sep 17 00:00:00 2001
From: DarkCat09 <a.chechkenev@yandex.ru>
Date: Tue, 25 Jul 2023 09:54:38 +0400
Subject: [PATCH] Highlighting icon in MenuItem on :hover

---
 src/components/MenuItem.astro | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/MenuItem.astro b/src/components/MenuItem.astro
index a1e9f26..71f9a09 100644
--- a/src/components/MenuItem.astro
+++ b/src/components/MenuItem.astro
@@ -15,7 +15,7 @@ const { name, link, icon, atLeft = true } = Astro.props;
     <slot name="js-dataset"></slot>
     <a href={link}>
         {!atLeft ? name : ""}
-        <span class:list={["icon-wrapper", {"highlight-icon": name == ""}]}>
+        <span class="icon-wrapper">
             <Icon code={icon} />
         </span>
         {atLeft ? name : ""}
@@ -37,8 +37,10 @@ const { name, link, icon, atLeft = true } = Astro.props;
 
         font-size: 1.5rem;
         color: var(--fg-sec);
+    }
 
-        &.highlight-icon:hover {
+    li:hover {
+        .icon-wrapper {
             color: var(--fg);
         }
     }