Skip to content

feat(snippets): Rotating Album Cover Fix#493

Closed
hikagee wants to merge 9 commits intospicetify:mainfrom
hikagee:main
Closed

feat(snippets): Rotating Album Cover Fix#493
hikagee wants to merge 9 commits intospicetify:mainfrom
hikagee:main

Conversation

@hikagee
Copy link
Copy Markdown

@hikagee hikagee commented May 21, 2023

After a Spotify update I noticed that the old "Rotating Cover Art" does not work anymore (at least for me). So I wrote a new one that works.

@hikagee hikagee requested a review from a team as a code owner May 21, 2023 13:54
@hikagee hikagee requested review from theRealPadster and removed request for a team May 21, 2023 13:54
@hikagee hikagee changed the title Rotating Album Cover Fix feat(snippets): Rotating Album Cover Fix May 21, 2023
Copy link
Copy Markdown
Member

@kyrie25 kyrie25 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please fix the previous snippet instead of making a new one with the exact functionality

@hikagee
Copy link
Copy Markdown
Author

hikagee commented May 21, 2023

Can I add my cover picture for the addon?

@kyrie25
Copy link
Copy Markdown
Member

kyrie25 commented May 21, 2023

Can I add my cover picture for the addon?

If the previous one works then there would be no need for it.

Comment thread src/resources/snippets.ts
"description": "Adds circular mask to cover art and rotation",
"code": `@keyframes rotating { from { transform: rotate(0deg); } to { transform: rotate(360deg); }} .cover-art { animation: rotating 2s linear infinite; clip-path: circle(50% at 50% 50%);}`,
"preview": "resources/assets/snippets/rotating-coverart.png",
"code": `@keyframes rotating { from { transform: rotate(0deg); } to { transform: rotate(360deg); }} .FqmFsMhuF4D0s35Z62Js, .zmOtW0vqqn1qpZrtQ_w9 { animation: rotating 10s linear infinite; clip-path: circle(50% at 50% 50%);} .H0HbpIM3UrcupWIAjLWu { background: none; } .H0HbpIM3UrcupWIAjLWu { background: none; } .main-coverSlotCollapsed-container { padding-right: 10px !important; }`,
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These classes are already mapped in latest css-map commits and the snippet still works as expected.

Spotify_BTCVTYeoBt.mp4

Run spicetify restore backup apply to fetch the new mappings

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

oh ok thank you

@hikagee hikagee closed this May 21, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants