Merge pull request #300 from KalerKaler/fix/fixed-lcd-pixels-visualizer-and-visualizer-switching

fix(visualizer): correct LED layout and visualizer switching

js/settings.js

@@ -2274,6 +2274,9 @@ export function initializeSettings(scrobbler, player, api, ui) {
                 ui.visualizer.setPreset(val);
             }
             updateButterchurnSettingsVisibility();
+
+            //Since changing the preset breaks the visualizer, a location.reload() is added to make sure that it works
+            window.location.reload() 
         });
     }
 

js/visualizers/lcd.js

@@ -269,7 +269,8 @@ export class LCDPreset {
             this.initWebGL(width, height);
             // Attach WebGL canvas to same parent as main canvas
             if (this.glCanvas && canvas.parentElement) {
-                canvas.parentElement.style.position = 'relative';
+                //This position:relative was causing the visual bugs and problems in the lcd visualiser.
+                // canvas.parentElement.style.position = 'relative';
                 canvas.parentElement.appendChild(this.glCanvas);
             }
         }

styles.css

@@ -7590,7 +7590,7 @@ body:has(#side-panel.active) #close-fullscreen-cover-btn {
 
 /* EQ Response Curve Canvas */
 .eq-response-canvas {
-    position: absolute;
+    position: fixed;
     top: var(--spacing-md);
     left: 4px;
     width: calc(100% - 8px);