WP/calendar
Watch
1
0
Fork
You've already forked calendar
 0
Code Issues Pull requests Projects Releases 14 Packages Wiki Activity Actions
14 releases 14 tags
  • v1.1.0 1ef4c4eb2d

    v1.1.0 — Frontend overhaul Stable

    UltimateByte released this 2026-05-15 22:00:42 +02:00 | 41 commits to main since this release

    A visual + UX rebuild. Installs cleanly over 1.0.x — no DB migration, no breaking import-format changes.

    Highlights

    Design language

    Flat / modern / breathable. New design-token system (tokens.css): 8px spacing scale, radius scale, surface palette, soft elevated shadow, primary palette derived via color-mix(). Old --lrob-* token names kept as aliases so theme overrides still work.

    Admin Appearance settings

    • Brand colors — configurable primary + secondary (WP color picker). Inline override printed on the tokens stylesheet so it ships only when a block actually loads.
    • Date pill color (uncategorized events) — Random per-event / Use primary / Use a specific color.
    • Popup featured image — show / hide.
    • Popup image fit — Show whole image (natural aspect) / Crop to fill.

    Month grid

    • Crisp light grid lines, no filled cells. Today is a small primary-colored pill behind the day number.
    • Out-of-month days now fill the padding cells (muted) — you can see which weekday the month starts on at a glance.
    • Day names: lowercase, full text color, bold. Day numbers: centered, bold.
    • Events render as colored dot + title pills (one per event, tinted by category color or a hashed pastel). Multi-day = soft tinted bar.
    • New header: title left (large, bold), grouped prev/next chevrons, "Today" button, Month/Week pill switcher.
    • New Week view (7-day vertical agenda).
    • "+N more" is now a clickable pill that opens the day-agenda list.

    Popup card

    • Unified rendering — calendar block and events-list block both use the same shared module (assets/js/event-popup.js).
    • Top-anchored centered modal on desktop (so prev/next nav doesn't shift the modal vertically when card heights differ), edge-to-edge fullscreen on mobile.
    • Date block (big day over uppercase short month) on the left of the header, title centered, ghost prev/next + close on the right.
    • Per-event color pair drives the date block (and the events-list date pill).
    • Stroke-icon meta rows, icons in the primary accent color.
    • Date + time stacked on two lines, no "at" / "à" preposition.
    • Featured image: natural aspect ratio up to 60vh, supporting content below the meta.
    • Sticky bottom CTA on mobile with safe-area-inset respected.
    • Two-card slide animation for prev/next, including across months (grid re-renders behind the popup).

    Events list templates

    • list / full: line-separated rows (no card chrome), colored date pill on the left, content middle, image right (configurable), optional details button at the row edge.
    • grid: image-on-top with date-badge overlay. Without an image, the placeholder IS the date display (per-event colored tile).
    • minimal: single-line row — date pill + title + optional time.
    • Image position option: Right column (default), Left column, or Below (full-width banner).
    • Event description mode: Inline (default) / "View details" button that opens the popup / Hidden.
    • Image clicks on rows route to the popup when description mode is button — no more separate lightbox.

    Single-event block + page

    • Refreshed meta block with stroke icons and design tokens.

    Mobile

    • Popup is a full-screen modal: sticky header, sticky bottom CTA.
    • Tap a day with events → day-agenda list; tap an item → full event card.
    • Grid events become pure colored dots; everything else preserves the desktop layout, just compressed.
    • Min 44px tap targets on interactive elements.

    Icon system

    • All 9 icons rewritten as Lucide-style strokes. New: chevron-left, chevron-right, x, arrow-right, info.

    Removed

    • The fullscreen image lightbox is gone. The popup card now shows the image at 60vh natural-aspect, which was the lightbox's whole job.
    • Per-block popup attributes (popupSize, popupImageDisplay, popupImageHeight, popupShowImage, popupImageLightbox, imageLightbox) — replaced by the two global Appearance settings.
    • Saved blocks with these attributes don't break; the attributes are just ignored.

    Translation

    French strings added for every new editor control and runtime label.

    Install

    Download lrob-calendar-1.1.0.zip below → WP Admin → Plugins → Add New → Upload Plugin.

    Downloads