fix(settings): correct toggle switch geometry - #549
Conversation
Co-authored-by: capy-ai[bot] <230910855+capy-ai[bot]@users.noreply.github.com>
Bugbot couldn't run - usage limit reachedBugbot is counted against Cursor usage for this user or team, and this run hit a usage or spend limit. A user or team admin can review and increase usage limits in the Cursor dashboard. (requestId: serverGenReqId_20e675b3-136f-47a3-9518-1ee7d2e9f14f) |
|
Important Review skippedAuto reviews are disabled on base/target branches other than the default branch. Please check the settings in the CodeRabbit UI or the ⚙️ Run configurationConfiguration used: defaults Review profile: CHILL Plan: Pro Plus Run ID: You can disable this status message by setting the Use the checkbox below for a quick retry:
✨ Finishing Touches🧪 Generate unit tests (beta)
Comment |
Co-authored-by: capy-ai[bot] <230910855+capy-ai[bot]@users.noreply.github.com>
This PR refines the visual rendering of toggle switches in the settings interface.
44pxto46pxborder-radiusto999pxfor pill shapebox-shadowto track for inset border definition::beforesize to16pxand adjust positioningtransformoffset to22pxNote
Low Risk
CSS-only styling for settings toggles; no logic, persistence, or API changes.
Overview
Settings toggle switches get a CSS-only visual pass so track, knob, and checked travel line up more cleanly.
The control grows from 44px to 46px wide, uses a pill track (
border-radius: 999px) with an inset border viabox-shadow, and addsoverflow: hiddenon the track. The knob shrinks to 16px with 4px inset padding, and the checkedtranslateXmoves from 20px to 22px. The on state also picks up accent-aligned inset and outer glow on the track.No markup or behavior changes—every
settings-togglein the settings UI picks this up automatically.Reviewed by Cursor Bugbot for commit 2e2eb47. Configure here.