feat(snippets): add Hide Lyrics Button snippet

[pnxl]

This implementation differs from the existing one on the snippets library as it targets the button with the aria-label tag, instead of the whole class.

Targeting the whole class and adding display: none also hides the buttons around the lyrics button.

Summary by CodeRabbit

• Bug Fixes
  • Updated the existing "Hide lyrics button" snippet to more reliably hide the lyrics button without impacting other controls in the player.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

Walkthrough

Updated one snippet entry in resources/snippets.json: the "Hide lyrics button" snippet's CSS selector was changed to target [data-testid='lyrics-button'] and added !important to the rule.

Changes

Cohort / File(s)	Summary
Snippet update resources/snippets.json	Modified snippet "Hide lyrics button": old code .main-nowPlayingBar-lyricsButton { display: none; } → new code .main-nowPlayingBar-lyricsButton[data-testid='lyrics-button'] { display: none !important; }. No other files changed.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Suggested reviewers

• rxri
• Delusoire

Poem

🐰
I hopped in code with nimble feet,
A tiny tweak — the button's seat.
A little rule, now bold and bright,
Hidden softly from the light.
Hooray — one hop, and all feels neat!

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Title check	⚠️ Warning	The PR title says 'add Hide Lyrics Button snippet' but the changeset updates an existing snippet, not adding a new one.	Update the title to reflect that this modifies/improves an existing snippet, e.g., 'feat(snippets): improve Hide Lyrics Button snippet selector' or similar.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[pnxl]

I'd like to clarify that what the AI is saying isn't true lol, the other hide lyrics snippet is targetting with the CSS class .main-nowPlayingBar-lyricsButton, which when set to display: none hides the buttons around it too:

This snippet fixes that by targetting the lyrics button with its aria-label and only hides the Spotify lyrics button:

[rxri]

The AI is right; this is a duplicate entry. You should update the existing snippet and not add another under the same name. Also, targeting via aria-label makes this css only work on English language.

.main-nowPlayingBar-lyricsButton[data-testid="lyrics-button"] { display: none !important; }

This is more valid way to hide it on new versions

[pnxl]

Smart, I'll add that to my fork. Also, I didn't know you're allowed to update an existing snippet, haha - sorry!