Skip to content

Redesign popup agenda UI#20

Open
ppastabtw wants to merge 4 commits into
fix/frontend-bugsfrom
feat/popup-agenda-revamp
Open

Redesign popup agenda UI#20
ppastabtw wants to merge 4 commits into
fix/frontend-bugsfrom
feat/popup-agenda-revamp

Conversation

@ppastabtw

@ppastabtw ppastabtw commented Jun 29, 2026

Copy link
Copy Markdown
Collaborator

Redesigns the popup agenda view. Stacked on #13 (fix/frontend-bugs) — please merge #13 first.

Changes

  • Header/layout: Eventy logo moved to the left of the wordmark; removed the .ics download button and the Add to Calendar → arrow.
  • Toggle placement: Upcoming/Past toggle moved above the results; removed the standalone current-month banner.
  • Month grouping: events are grouped by month, each group with its own section header (e.g. JUNE 2026, JULY 2026).
  • Line paper: ruled-line background now scrolls with the list content.
  • Selection UX: removed the checkbox; selecting an event draws a hand-drawn red circle around it (SVG turbulence/displacement, per-card seed).
  • Event note: time is now bold and the end time is shown (e.g. 9:00 AM – 10:00 AM).
  • Fonts: bundled local Hanken Grotesk + Caveat woff2 files.

Notes

  • config.js (MOCK_MODE) intentionally left out — kept as a local dev toggle.
  • All 188 unit tests pass.

- Move Upcoming/Past toggle above results; drop standalone month banner
- Group events by month with per-month section headers
- Ruled-line paper now scrolls with the list content
- Replace selection checkbox with a hand-drawn red circle
- Show end time and bold the time in the event note
- Reposition Eventy logo to the left of the wordmark
- Remove .ics download button and Add-to-Calendar arrow
- Bundle local Hanken Grotesk / Caveat fonts
- Paint a translucent orange marker streak across selected rows (soft
  faded ends, slight tilt, multiply blend under the text)
- Drop the per-title swipe and deepen the note on selected rows
- Dark mode uses screen blend with lower alpha
- Make cards keyboard-accessible (role/tabindex/aria-pressed, Enter/Space)
- Remove the red drawn circle to avoid double-marking
- updateWeekStrip: build date keys from local getters instead of
  toISOString(), so event dots land on the right column in UTC+ zones
- updateWeekStrip: hoist the card query out of the loop and drop an
  unused variable
- Remove fully-dead formatDateHeader (import, wrapper, threaded param)
- Remove orphaned .ics-btn CSS (button no longer exists)
- verify-extension-ui.mjs: drop removed #scanSection, rename
  .skeleton-card -> .skeleton-row, update scan title to 'Scan this
  page', and make result counts date-robust
- Bundle Kalam (latin/latin-ext, 300/400/700) and drop Caveat
- Update @font-face in base.css and font-family usages in popup.css
- Reduce handwriting element sizes for Kalam's larger metrics
- Add an idle empty state (doodle, copy, sticker CTA, paste link)
  shown until a scan starts or text is pasted; buttons reuse the
  existing scan/paste entrypoints
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