Ledger: restyle Calendly modal #35

Closed
opened 2026-10-03 11:00:54 +02:00 by Augspies · 2 comments
Owner

Part of: Ledger Redesign — spec §3.12

Goal: Restyle the Calendly modal to Ledger chrome; keep the existing Alpine contract.

Files: apps/core/templates/includes/calendly_modal.html

Acceptance:

  • paper-2 card, 22px radius, ink scrim rgba(28,46,39,.55)
  • Restyled close button; Esc + click-outside still work
  • Inline widget height/width unchanged (Calendly contract)

Notes: The modal is included in base.html; the Alpine open-calendly event is the API.

**Part of:** Ledger Redesign — spec §3.12 **Goal:** Restyle the Calendly modal to Ledger chrome; keep the existing Alpine contract. **Files:** `apps/core/templates/includes/calendly_modal.html` **Acceptance:** - [ ] paper-2 card, 22px radius, ink scrim `rgba(28,46,39,.55)` - [ ] Restyled close button; Esc + click-outside still work - [ ] Inline widget height/width unchanged (Calendly contract) **Notes:** The modal is included in `base.html`; the Alpine `open-calendly` event is the API.
Author
Owner

Closing per decision: keep the existing white card + bg-black/50 scrim. The Calendly widget renders its own white UI, so a paper-2 card clashes at the seam. The modal keeps its existing Alpine contract (open-calendly event, Esc, click-outside, x-cloak), which all booking buttons already target. White is the exception for this surface only — paper-2 remains the card standard elsewhere. Spec §3.12 updated.

Closing per decision: keep the existing white card + `bg-black/50` scrim. The Calendly widget renders its own white UI, so a paper-2 card clashes at the seam. The modal keeps its existing Alpine contract (`open-calendly` event, Esc, click-outside, `x-cloak`), which all booking buttons already target. White is the exception for this surface only — paper-2 remains the card standard elsewhere. Spec §3.12 updated.
Author
Owner

Did not like the color differences closing without merging

Did not like the color differences closing without merging
Sign in to join this conversation.
No milestone
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
Augspies/virtual-attorney#35
No description provided.