Make the Settings scale slider draggable #5

Open
scriptoriumadmin wants to merge 1 commit from pr/scale-slider-draggable into main

PR: Make the Settings scale slider draggable

Branch: pr/scale-slider-draggable
Scope: Settings UI only.

Summary

The pet-size scale slider in Settings was not interactive on all platforms because the default CSS applied cursor-pointer only to the track. This PR styles the slider thumb explicitly so it can be grabbed and dragged.

What changed

  • apps/desktop/src/renderer/src/styles.css
    • Added explicit ::-webkit-slider-thumb and ::-moz-range-thumb rules with size, background, border, shadow, and cursor styles.

How to test

  1. Open Settings → Appearance.
  2. Drag the pet-size slider thumb left and right.
  3. The pet should resize in real time.

Backwards compatibility

  • Pure CSS addition; no runtime logic changed.
# PR: Make the Settings scale slider draggable **Branch:** `pr/scale-slider-draggable` **Scope:** Settings UI only. ## Summary The pet-size scale slider in Settings was not interactive on all platforms because the default CSS applied `cursor-pointer` only to the track. This PR styles the slider thumb explicitly so it can be grabbed and dragged. ## What changed - `apps/desktop/src/renderer/src/styles.css` - Added explicit `::-webkit-slider-thumb` and `::-moz-range-thumb` rules with size, background, border, shadow, and cursor styles. ## How to test 1. Open Settings → Appearance. 2. Drag the pet-size slider thumb left and right. 3. The pet should resize in real time. ## Backwards compatibility - Pure CSS addition; no runtime logic changed.
scriptoriumadmin added 1 commit 2026-06-13 02:19:07 +00:00
- Add explicit -webkit-slider-thumb and -moz-range-thumb styles.
This pull request has changes conflicting with the target branch.
  • apps/desktop/src/renderer/src/styles.css
View command line instructions

Checkout

From your project repository, check out a new branch and test the changes.
git fetch -u origin pr/scale-slider-draggable:pr/scale-slider-draggable
git checkout pr/scale-slider-draggable

Merge

Merge the changes and update on Forgejo.

Warning: The "Autodetect manual merge" setting is not enabled for this repository, you will have to mark this pull request as manually merged afterwards.

git checkout main
git merge --no-ff pr/scale-slider-draggable
git checkout pr/scale-slider-draggable
git rebase main
git checkout main
git merge --ff-only pr/scale-slider-draggable
git checkout pr/scale-slider-draggable
git rebase main
git checkout main
git merge --no-ff pr/scale-slider-draggable
git checkout main
git merge --squash pr/scale-slider-draggable
git checkout main
git merge --ff-only pr/scale-slider-draggable
git checkout main
git merge pr/scale-slider-draggable
git push origin main
Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: scriptoriumadmin/openpetswithchatandmcp#5
No description provided.