From c64f05e16a061f5fb29d6c6d935c7f2a9f218282 Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Tue, 17 Dec 2024 18:35:02 +0100
Subject: [PATCH] fix(ui): sidebar links hover no underline

---
 front/src/ui/components/Sidebar.vue | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/front/src/ui/components/Sidebar.vue b/front/src/ui/components/Sidebar.vue
index 947b6ad86..7c77b6183 100644
--- a/front/src/ui/components/Sidebar.vue
+++ b/front/src/ui/components/Sidebar.vue
@@ -86,6 +86,7 @@ const uploads = useUploadsStore()
       <nav style="display:contents;">
       <Link to="/library"
           ghost
+          :class="$style.link"
           icon="bi-compass"
         >
           {{ t('components.Sidebar.header.explore') }}
@@ -93,6 +94,7 @@ const uploads = useUploadsStore()
 
       <Link to="/library/artists"
           ghost
+          :class="$style.link"
           icon="bi-person"
         >
           {{ t('components.Sidebar.link.artists') }}
@@ -100,6 +102,7 @@ const uploads = useUploadsStore()
 
       <Link to="/library/albums"
           ghost
+          :class="$style.link"
           icon="bi-disc"
         >
           {{ t('components.Sidebar.link.albums') }}
@@ -107,24 +110,28 @@ const uploads = useUploadsStore()
 
       <Link to="/library/playlists"
           ghost
+          :class="$style.link"
           icon="bi-music-note-list"
         >
           {{ t('components.Sidebar.link.playlists') }}
       </Link>
       <Link to="/library/radios"
           ghost
+          :class="$style.link"
           icon="bi-boombox-fill"
         >
           {{ t('components.Sidebar.link.radios') }}
       </Link>
       <Link to="/library/podcasts"
           ghost
+          :class="$style.link"
           icon="bi-mic"
         >
           {{ t('components.Sidebar.link.podcasts') }}
       </Link>
       <Link to="/"
           ghost
+          :class="$style.link"
           icon="bi-heart"
         >
           {{ t('components.Sidebar.link.favorites') }}
@@ -235,6 +242,13 @@ const uploads = useUploadsStore()
       }
     }
 
+    .link {
+      &:hover,
+      &.router-link-exact-active {
+        text-decoration: none;
+      }
+    }
+
     > h3 {
       margin: 0;
       padding: 0 32px 8px;