From c05f5d242676da593766868cd547ac0211c0496d Mon Sep 17 00:00:00 2001
From: Julien Maille <julien.maille@gmail.com>
Date: Thu, 29 Jan 2026 21:55:42 +0100
Subject: [PATCH] Enable and style clickable artist name in fullscreen player

---
 js/ui.js   | 11 +++++++++++
 styles.css |  8 ++++++++
 2 files changed, 19 insertions(+)

diff --git a/js/ui.js b/js/ui.js
index c02888b..48c9932 100644
--- a/js/ui.js
+++ b/js/ui.js
@@ -823,6 +823,17 @@ export class UIRenderer {
         const fsDownloadBtn = document.getElementById('fs-download-btn');
         const fsCastBtn = document.getElementById('fs-cast-btn');
         const fsQueueBtn = document.getElementById('fs-queue-btn');
+        const artistEl = document.getElementById('fullscreen-track-artist');
+
+        if (artistEl) {
+            artistEl.style.cursor = 'pointer';
+            artistEl.onclick = () => {
+                if (this.player.currentTrack && this.player.currentTrack.artist) {
+                    this.closeFullscreenCover();
+                    navigate(`/artist/${this.player.currentTrack.artist.id}`);
+                }
+            };
+        }
 
         let lastPausedState = null;
         const updatePlayBtn = () => {
diff --git a/styles.css b/styles.css
index 81d2241..4c01434 100644
--- a/styles.css
+++ b/styles.css
@@ -2146,6 +2146,14 @@ input:checked + .slider::before {
     font-size: 1.25rem;
     color: color-mix(in srgb, var(--foreground), transparent 40%);
     font-weight: 500;
+    transition: color 0.2s, text-decoration 0.2s;
+}
+
+#fullscreen-track-artist:hover {
+    color: var(--highlight);
+    color: var(--primary);
+    text-decoration: underline;
+    cursor: pointer;
 }
 
 #fullscreen-next-track {