Skip to content

fix(settings): prevent toggle switches from shrinking - #540

Merged
zortos293 merged 1 commit into
devfrom
capy/fix-settings-toggle-width
Jun 29, 2026
Merged

fix(settings): prevent toggle switches from shrinking#540
zortos293 merged 1 commit into
devfrom
capy/fix-settings-toggle-width

Conversation

@zortos293

@zortos293 zortos293 commented Jun 29, 2026

Copy link
Copy Markdown
Collaborator

The settings toggle switches render at reduced width when paired with long label text, compressing the toggle track (from 44px down to ~20px). This occurs because .settings-toggle lacks flex-basis constraints while positioned in .settings-row with display: flex. Added flex: 0 0 44px to prevent shrinking and maintain consistent 44px width across all toggles.

Open OPE-223 OPE-223


Note

Low Risk
Single CSS flex constraint on settings toggles; no logic, data, or security impact.

Overview
Fixes settings toggle switches compressing when a row has long label text beside them in flex layout.

Adds flex: 0 0 44px on .settings-toggle so the control keeps a fixed 44px width and no longer shrinks (e.g. to ~20px) inside .settings-row flex rows.

Reviewed by Cursor Bugbot for commit 5b9a281. Configure here.

Co-authored-by: capy-ai[bot] <230910855+capy-ai[bot]@users.noreply.github.com>
@zortos293 zortos293 added the capy Generated by capy.ai label Jun 29, 2026 — with Image Capy AI
@coderabbitai

coderabbitai Bot commented Jun 29, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: e5771e23-66b0-4394-8692-302d1f799c73

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch capy/fix-settings-toggle-width

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

@cursor

cursor Bot commented Jun 29, 2026

Copy link
Copy Markdown

Bugbot couldn't run - usage limit reached

Bugbot 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_388a179c-7077-4d72-9cff-420c940d1c49)

@zortos293
zortos293 merged commit 7a69467 into dev Jun 29, 2026
17 checks passed
Chizuui pushed a commit to Chizuui/OpenNOW-Modified that referenced this pull request Aug 11, 2026
Co-authored-by: capy-ai[bot] <230910855+capy-ai[bot]@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

capy Generated by capy.ai

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant