Skip to content

feat(calendar): expose backdrop blur slider for glassmorphism - #98

Merged
jeremiaa merged 2 commits into
jeremiaa:mainfrom
sth2258:fix/calendar-glassmorphism-blur-slider
Sep 8, 2026
Merged

feat(calendar): expose backdrop blur slider for glassmorphism#98
jeremiaa merged 2 commits into
jeremiaa:mainfrom
sth2258:fix/calendar-glassmorphism-blur-slider

Conversation

@sth2258

@sth2258 sth2258 commented Sep 3, 2026

Copy link
Copy Markdown
Contributor

Summary

  • Adds a Backdrop blur slider (0–40px, default 12px) to the Calendar inspector, shown alongside the existing opacity slider in a 2-column grid
  • Replaces hardcoded Tailwind backdrop-blur-md on glassmorphism event cards and empty-day cards with inline backdropFilter driven by config.cardBlur
  • Default 12px matches the previous hardcoded value, so existing layouts are unaffected

Closes #94

Changes

  • CalendarInspector.tsx — opacity + blur sliders side-by-side (matching the SensorInspector pattern)
  • CalendarWidget.tsx — both card render paths (renderEmptyDay and renderEvent) now read config.cardBlur ?? 12 and apply it as inline backdropFilter/WebkitBackdropFilter instead of the Tailwind class

Test plan

  • Open Calendar widget editor → verify blur slider appears next to opacity
  • Set blur to 0 → cards should have no blur
  • Set blur to 40 → maximum frosted glass effect
  • Default (no prior config) → should look identical to before (12px)
  • Verify non-glassmorphism designs (minimal, month) are unaffected

🤖 Generated with Claude Code

sth2258 and others added 2 commits September 3, 2026 12:08
@sth2258 @claude
feat(modules): add school-rotation and daily-inspiration example modules
639f72d 
School Rotation: tracks a configurable N-day rotating school schedule per
child with holiday/snow-day exclusions that pause the rotation. Shows
today's specials, tomorrow's preview, and an upcoming lookahead.

Daily Inspiration: displays a funny, kid-friendly motivational message
that rotates each morning. Ships with 2000 unique messages (~5.5 years
without repeating).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@sth2258 @claude
feat(calendar): expose backdrop blur slider for glassmorphism design
16b4cd3 
Adds a configurable backdrop blur control (0–40px, default 12px) to the
Calendar inspector, closing the consistency gap with other glass-card
widgets. Replaces the hardcoded Tailwind backdrop-blur-md class on event
and empty-day cards with an inline style driven by config.cardBlur.

Fixes jeremiaa#94

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@jeremiaa
jeremiaa merged commit afc80c4 into jeremiaa:main Sep 8, 2026
@jeremiaa

jeremiaa commented Sep 8, 2026

Copy link
Copy Markdown
Owner

Merged and out in v1.5.4 — thank you!

@jeremiaa jeremiaa mentioned this pull request Sep 8, 2026
Closed
pull Bot pushed a commit to ghveem/magic-frame that referenced this pull request Sep 8, 2026
@jeremiaa
docs(wiki): two new weather providers, Norwegian, and the calendar bl…
b85a1eb 
…ur slider

Weather Underground and Pirate Weather (jeremiaa#97, jeremiaa#99) are in the provider table
with an honest note: the key comes from the environment only until the
Integrations page gets a card for them, so the add-on cannot use them yet.
The language card lists the two Norwegian variants (jeremiaa#89) and what they fall
back to. The calendar options table gains cardBlur (jeremiaa#98), with a pointer to
the timer-ring measurement so nobody blames the blur for CPU load again.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

Calendar widget (glassmorphism): expose backdrop blur as an inspector control, consistent with other card widgets

2 participants

@sth2258 @jeremiaa