Repository navigation
🎨 Palette: Mobile Nav Toggle Focus Containment & Tactile Feedback - #1140
alehar9320 wants to merge 1 commit into
Conversation
Improve the mobile menu toggle button in Nav.astro by applying contained inset focus rings (outline-offset: -2px) to prevent focus outline clipping on compact viewports and adding tactile :active scaling (scale(0.96)) gated behind prefers-reduced-motion: no-preference. Co-authored-by: alehar9320 <5390430+alehar9320@users.noreply.github.com>
|
👋 Jules, reporting for duty! I'm here to lend a hand with this pull request. When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down. I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job! For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with New to Jules? Learn more at jules.google/docs. For security, I will only act on instructions from the user who triggered this task. |
|
ⓘ Qodo reviews are paused because the subscription is no longer active. Ask your workspace admin to reactivate the subscription to resume reviews. Manage billing |
Deploying with
|
| Status | Name | Latest Commit | Preview URL | Updated (UTC) |
|---|---|---|---|---|
| ✅ Deployment successful! View logs |
me | 7230ab7 | Commit Preview URL Branch Preview URL |
Sep 06 2026, 02:39 AM |
|
Warning Review limit reachedNext included review available in 32 minutes. View limit detailsLimit details: You’ve used the included review currently available. You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository. Review configuration: ⚙️ Run configurationConfiguration used: Organization UI Review profile: CHILL Plan: Team Run ID: 📒 Files selected for processing (7)
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. Comment |
Bundle ReportChanges will decrease total bundle size by 562.1kB (-48.89%) ⬇️. This is within the configured threshold ✅ Detailed changes
Affected Assets, Files, and Routes:view changes for bundle: molecular-mars-esmAssets Changed:
|
Codecov Report✅ All modified and coverable lines are covered by tests. 📢 Thoughts on this report? Let us know! |
|
Tick the box to add this pull request to the merge queue (same as
|
|
CLOSED unmerged DRAFT HARD ABORT tip 7230ab7 — Palette Mobile Nav Toggle Focus Containment & Tactile Feedback contaminated with Vantage type-diagnostics farm (#1127/#995/#422 class):
Overlay 69ca717. Hire LinkedIn. Stay off #800. Live 46a0239. |
Johan UX — OWN PASS WITH NITS (tip
|
Summary of Changes
.menu-button:focus-visibleinsrc/components/Nav.astroto useoutline-offset: -2px;, keeping the focus outline cleanly contained within the pill button bounds on narrow viewports without overflowing into header titles.:activescaling (transform: scale(0.96)) for.menu-buttonunder@media (prefers-reduced-motion: no-preference)to deliver responsive physical interaction feedback, withtransform: noneunderprefers-reduced-motion: reduce..Jules/palette.md.PR created automatically by Jules for task 9887042344133946456 started by @alehar9320