From 0229ccaa1ea5f69b37db415fac3ae033439a639e Mon Sep 17 00:00:00 2001
From: TC <th-ch@users.noreply.github.com>
Date: Fri, 6 Oct 2023 20:08:08 +0200
Subject: [PATCH] Fixed canvas injected at the wrong position #1234

---
 plugins/visualizer/empty-player.css | 12 ++++--------
 plugins/visualizer/front.ts         |  4 +---
 2 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/plugins/visualizer/empty-player.css b/plugins/visualizer/empty-player.css
index 15b4043b..d7d112d8 100644
--- a/plugins/visualizer/empty-player.css
+++ b/plugins/visualizer/empty-player.css
@@ -1,9 +1,5 @@
-#player {
-  margin: 0 !important;
-  background: black;
-}
-
-#song-image,
-#song-video {
-  display: none !important;
+#visualizer {
+  position: absolute;
+  z-index: 1;
+  background-color: black;
 }
diff --git a/plugins/visualizer/front.ts b/plugins/visualizer/front.ts
index 7720d9ed..eeec5bd4 100644
--- a/plugins/visualizer/front.ts
+++ b/plugins/visualizer/front.ts
@@ -40,9 +40,7 @@ export default (options: ConfigType<'visualizer'>) => {
       if (!canvas) {
         canvas = document.createElement('canvas');
         canvas.id = 'visualizer';
-        canvas.style.position = 'absolute';
-        canvas.style.background = 'black';
-        visualizerContainer?.append(canvas);
+        visualizerContainer.prepend(canvas);
       }
 
       const resizeCanvas = () => {