Feature/add first order notification - #75
Conversation
There was a problem hiding this comment.
Code review is billed via overage credits. To resume reviews, an organization admin can raise the monthly limit at claude.ai/admin-settings/claude-code.
Once credits are available, reopen this pull request to trigger a review.
|
@claude review |
|
Claude finished @JennisDev's task in 2m 22s —— View job Code Review — Feature/add first order notificationI reviewed the diff against 🐛 Correctness / data integrity1. 2. Delivery confirmation vs. queued send ( 3. Non-atomic first-order check (minor / concurrency) 🎨 Style / conventions4. Missing trailing newline — 5. Copy nit — 🤔 Design questions (not blockers)6. First-order notification is gated on 7. PR scope — the title is "first order notification", but the diff also bundles the delete-store feature ( ✅ Things done well
Nothing here is a hard blocker except confirming the intended behaviour of #1 (orphaned order history). Nice work overall. |
| /* App-wide base type size. The whole design system is rem-based, so bumping | ||
| this scales all text, prices and spacing proportionally. Dial this single | ||
| value to make everything larger/smaller. */ | ||
| font-size: 105%; /* 18px */ |
There was a problem hiding this comment.
🟡 The new html { font-size: 105%; } rule in resources/css/app.css carries a trailing comment /* 18px */, but 105% of the browser default 16px resolves to 16.8px, not 18px (18px would need 112.5%). Since the surrounding comment frames this as the single dial that scales the rem-based design system, the misleading annotation invites a future tweak to 'restore' a size that was never actually shipped. One-character fix: either correct the comment to /* 16.8px */ or change the value to 112.5%.
Extended reasoning...
What the bug is
resources/css/app.css line 51 introduces a new html { font-size: 105%; } rule with the inline annotation /* 18px */. The math doesn't line up: browsers use a default root font-size of 16px, so 105% resolves to 16.8px, not 18px. For 18px the value would need to be 112.5% (18 / 16 = 1.125).
Why this matters
The bug is purely a documentation/value mismatch — there is no functional regression — but the immediately preceding comment frames this as the knob future authors are meant to turn:
App-wide base type size. The whole design system is rem-based, so bumping this scales all text, prices and spacing proportionally. Dial this single value to make everything larger/smaller.
That framing actively tells the next person editing this rule to reason about it in absolute pixels (18px → 20px → 125%, etc.). With a misleading /* 18px */ they will either:
- Trust the comment and 'fix' the value to
112.5%to actually produce18px— making all text/prices/spacing across the app ~7% larger than what was actually shipped and tested, or - Trust the value and use
16.8pxas a px reference when calibrating other sizes — propagating an off-by-1.2px error.
Step-by-step proof
- Open
resources/css/app.css:46-51. The rule readsfont-size: 105%; /* 18px */. - Compute against the browser default:
16px × 1.05 = 16.8px. Not18px. - To verify in a browser: load the app, open DevTools, inspect
<html>, and read the computed style —font-sizewill show16.8pxon any default user-agent. The body andrem-based descendants scale from16.8px, not18px. - To actually hit
18px, the declaration would need to befont-size: 112.5%(or equivalentlyfont-size: 18px).
Why existing code doesn't prevent it
Nothing else in the stylesheet pins the root unit; the rule is the sole base for the rem-driven design system. There's no test, computed-style assertion, or CSS lint rule that catches a numeric mismatch between a value and a sibling comment, so the discrepancy is invisible until a human reads it.
Impact
Low — purely a comment-vs-value mismatch with no behavioural difference at the moment. But the comment exists specifically to guide future readers tuning the design-system base, which is exactly when the misleading annotation will cause harm.
Fix
One-character change in resources/css/app.css:51 — pick whichever matches the author's intent:
- font-size: 105%; /* 18px */
+ font-size: 105%; /* 16.8px */or
- font-size: 105%; /* 18px */
+ font-size: 112.5%; /* 18px */If the latter is chosen, note that all text/prices/spacing will scale ~7% larger than what's currently on the branch — visually re-verify before shipping.
No description provided.