Skip to content

Design: ParcelDelivery package tracking layout#306

Merged
melvincarvalho merged 1 commit into
gh-pagesfrom
tracking-card-design
Jun 11, 2026
Merged

Design: ParcelDelivery package tracking layout#306
melvincarvalho merged 1 commit into
gh-pagesfrom
tracking-card-design

Conversation

@melvincarvalho

Copy link
Copy Markdown
Contributor

Design PR — edits app.js + app.css only (no app files touched).

  • ParcelDelivery gets a package tracking layout (class .card.tracking-card)
    • Dark header strip with tracking number in large monospace + courier name
    • Estimated delivery date prominently centered
    • Vertical 4-step progress timeline: Dispatched → In Transit → Out for Delivery → Delivered
    • Completed steps show green check, current step shows icon in accent with glow ring, future steps are grey
    • Green connecting lines for completed segments, grey for pending
    • Bottom info rows: item shipped + delivery address
    • Dark mode support

Gate: 324 apps pass. Task: #IssDesign2_ParcelDelivery.

@melvincarvalho melvincarvalho enabled auto-merge (squash) June 11, 2026 01:02
@melvincarvalho melvincarvalho merged commit 8b66f48 into gh-pages Jun 11, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant