diff --git a/js/settings.js b/js/settings.js index c52cb0c..773690c 100644 --- a/js/settings.js +++ b/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() }); } diff --git a/js/visualizers/lcd.js b/js/visualizers/lcd.js index 26fc3ec..6734481 100644 --- a/js/visualizers/lcd.js +++ b/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); } } diff --git a/styles.css b/styles.css index af9949e..8ca624d 100644 --- a/styles.css +++ b/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);