diff --git a/js/storage.js b/js/storage.js index 22ea520..bffaa57 100644 --- a/js/storage.js +++ b/js/storage.js @@ -962,6 +962,7 @@ export const visualizerSettings = { PRESET_KEY: 'visualizer-preset', BUTTERCHURN_CYCLE_KEY: 'butterchurn-cycle-duration', DIM_AMOUNT_KEY: 'visualizer-dim-amount', + CD_ALBUM_COVER_KEY: 'cd-album-cover-enabled', getPreset() { try { @@ -1081,8 +1082,6 @@ export const visualizerSettings = { localStorage.setItem('butterchurn-randomize-enabled', enabled); }, - CD_ALBUM_COVER_KEY: 'cd-album-cover-enabled', - // Spin album cover and add hole in fullscreen isCdAlbumCoverEnabled() { try { diff --git a/js/ui.js b/js/ui.js index 385c782..652550b 100644 --- a/js/ui.js +++ b/js/ui.js @@ -1360,9 +1360,9 @@ export class UIRenderer { const cdRing = document.getElementById('cd-ring'); const isCdMode = visualizerSettings.isCdAlbumCoverEnabled(); - coverImage.classList.toggle('cd', isCdMode); - coverCard.classList.toggle('cd', isCdMode); - cdRing.classList.toggle('cd', isCdMode); + coverImage?.classList.toggle('cd', isCdMode); + coverCard?.classList.toggle('cd', isCdMode); + cdRing?.classList.toggle('cd', isCdMode); await this.updateFullscreenMetadata(track, nextTrack); diff --git a/styles.css b/styles.css index d2986c2..717d0e3 100644 --- a/styles.css +++ b/styles.css @@ -11501,11 +11501,11 @@ img.cd { .fullscreen-artwork-card.cd { position: relative; border-radius: 50% !important; - border: .125vw solid `#ccc`; + border: .125vw solid #ccc; animation: spin 200s linear infinite; } -`@media` (prefers-reduced-motion: reduce) { +@media (prefers-reduced-motion: reduce) { .fullscreen-artwork-card.cd { animation: none; }