Skip to content

feat: added new css mappings for right sidebar - #3898

Open
Adrien5902 wants to merge 1 commit into
spicetify:mainfrom
Adrien5902:main
Open

feat: added new css mappings for right sidebar#3898
Adrien5902 wants to merge 1 commit into
spicetify:mainfrom
Adrien5902:main

Conversation

@Adrien5902

@Adrien5902 Adrien5902 commented Jul 28, 2026

Copy link
Copy Markdown
Contributor

Spotify introduced a collapsing feature for the right sidebar with the now playing content info, so I added the mappings to the collapsed bar classes, the names appended to Root__right-sidebar where taken from official app js

Summary by CodeRabbit

  • New Features
    • Added support for right sidebar peek states, including expanded, collapsed, and deferred-collapsed views.
    • Added overlay content and controls for the right sidebar peek experience.

@coderabbitai

coderabbitai Bot commented Jul 28, 2026

Copy link
Copy Markdown

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 4170f608-ce40-4d16-ade3-e3903aa05ced

📥 Commits

Reviewing files that changed from the base of the PR and between 3fa4e90 and feac08a.

📒 Files selected for processing (1)
  • css-map.json

📝 Walkthrough

Walkthrough

Added CSS module class mappings for the right sidebar’s peek and overlay UI, including expanded, collapsed, and deferred-collapsed state variants.

Changes

Right sidebar CSS mappings

Layer / File(s) Summary
Right sidebar state mappings
css-map.json
Adds mappings for peek, overlay wrappers and controls, faux main view boundaries, and expanded, collapsed, and deferred-collapsed sidebar states.

Estimated code review effort: 1 (Trivial) | ~2 minutes

Possibly related PRs

Suggested reviewers: rxri, 0000day, golevka2001

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title accurately summarizes the main change: new CSS mappings for the right sidebar.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

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

Comment @coderabbitai help to get the list of available commands.

@rxri

rxri commented Jul 28, 2026

Copy link
Copy Markdown
Member

We called right sidebar buddyFeed some time ago, so are you sure, any of it won't apply to the buddyFeed mappings?

@Adrien5902

Adrien5902 commented Jul 28, 2026

Copy link
Copy Markdown
Contributor Author

I don't know maybe, but then that means those buddyFeed mappings may be outdated because they don't show up on my devtools, and I don't get any results other than the two buttons at the top next to the profile icon when searching for buddyFeed on the page

I'm referring to this bar :
image

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