fix: adjusted QR code mousedown border to prevent dialog size changing

[Klakurka]

Description

When clicking the QR code, it would adjust the size of every parent div including the dialog itself. This removes the 'active' QR code border, fixing that.

Test plan

Open a pb dialog and click on the QR code to see that the dialog does not grow by 1-2px like it does in master.

Summary by CodeRabbit

• Style
  • Removed active state styling from the QR code container.

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

[coderabbitai]

Walkthrough

Removed the active state styling rules from the QR code container in the Widget component. The &:active pseudo-selector rules that set borderWidth to 2px and margin to -1px were deleted. No functional behavior changes were introduced.

Changes

Cohort / File(s)	Change Summary
QR Container Active State Styling react/lib/components/Widget/Widget.tsx	Removed &:active pseudo-selector styling rules (borderWidth: 2px, margin: -1px) from the qrCode class

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

• Single file with isolated styling removal
• No logic or functional changes to evaluate
• No impact on exported public APIs

Poem

A QR code stood so proud and bright,
With active borders clicking tight,
But now it rests in simpler style,
No bounce or press, just clean and mild,
—A rabbit's touch made it beguile! 🐰✨

Pre-merge checks and finishing touches

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly describes the main change: removing active state styling from the QR code to prevent dialog size changes on mousedown.
Description check	✅ Passed	The description includes the required sections (Description and Test plan) with clear explanations of the problem, solution, and how to verify the fix.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch fix/qr-code-size-on-mousedown

---

📜 Recent review details

Configuration used: defaults

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between fd9bbf5 and f10e6c5.

📒 Files selected for processing (1)

• react/lib/components/Widget/Widget.tsx

💤 Files with no reviewable changes (1)

• react/lib/components/Widget/Widget.tsx

---

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.}