diff --git a/components/calendar/calendar-month-view.tsx b/components/calendar/calendar-month-view.tsx index c91a71bd..1843352f 100644 --- a/components/calendar/calendar-month-view.tsx +++ b/components/calendar/calendar-month-view.tsx @@ -9,6 +9,7 @@ import { buildWeekSegments, getEventDayBounds, getPrimaryCalendarId } from "@/li import type { CalendarEvent, Calendar } from "@/lib/jmap/types"; import { useAuthStore } from "@/stores/auth-store"; import { useCalendarStore } from "@/stores/calendar-store"; +import { useSettingsStore } from "@/stores/settings-store"; import type { PendingEventPreview } from "./event-modal"; import { toast } from "@/stores/toast-store"; import { useCalendarLocale } from "@/hooks/use-calendar-locale"; @@ -45,6 +46,13 @@ export function CalendarMonthView({ pendingPreview, }: CalendarMonthViewProps) { const t = useTranslations("calendar"); + const showTimeInMonthView = useSettingsStore((state) => state.showTimeInMonthView); + // On mobile the month view collapses events to dots unless the user opted + // into full entries via "Show time in month view" (#666). + const showChips = !isMobile || showTimeInMonthView; + const overlayTop = isMobile ? 34 : 30; + const rowHeight = isMobile ? 18 : 22; + const chipHeight = rowHeight - 2; const { weekStartsOn, dayHeaderKeys, @@ -157,7 +165,7 @@ export function CalendarMonthView({