Skip to content

feat(calendar): configurable slot height and pinch to resize - #2523

Merged
callumalpass merged 3 commits into
mainfrom
feat/calendar-pinch-settings
Nov 9, 2026
Merged

callumalpass merged 3 commits into
mainfrom
feat/calendar-pinch-settings

Conversation

@callumalpass

Copy link
Copy Markdown
Owner

Builds on #2497 by @AIDockerCloud. Their commit is included unchanged, apart from a rebase onto current main, so merging this also lands #2497.

From #2497

  • A slotHeight setting for the time grid, in Settings → Appearance → Time settings and in each calendar view's time grid options.

Added here

  • @tasknotes/calendar goes from 0.1.6 to 0.1.10, which adds pinchZoom and onSlotHeightChange.
  • Pinch to resize: two fingers on a time grid change the slot height, between 16 and 96 px. The time under the fingers stays in place.
  • Saving the pinched height: it's stored per device in Obsidian local storage. It's keyed by the configured height it replaces, so a new configured Time slot height starts fresh.
  • Toggle: "Pinch to resize time slots" in the view's time grid options, on by default.
  • Limit: the maximum slot height rises from 60 to 96 px to match the pinch range.
  • Translations, docs and release notes: strings in all locales, unreleased.md updated, and @AIDockerCloud credited for the setting.

TaskNotes App shipped the same feature in callumalpass/tasknotes-app#374.

Verified

  • npm run typecheck and npm run lint pass.
  • npm run i18n:check passes.
  • npx jest passes: 6051 tests, 783 suites.

The calendar 0.1.6 → 0.1.10 upgrade changes how overlapping events lay out and adds a day-navigation row on narrow week views. The app needed CSS changes for both (see #374). Check the plugin's calendar on a narrow pane before releasing.

AIDockerCloud and others added 3 commits November 9, 2026 19:43
Add a slot height setting for the calendar time grid, so short slots such as
15 minutes no longer make the day taller than the window.

- New `slotHeight` setting (5-60 px, default 24) in Settings > Appearance >
  Time settings and in each calendar view's time grid options.
- Passed through to the calendar's time grid; values outside the supported
  range are clamped and non-numeric values fall back to the saved height.
- Named `slotHeight` because that is the time grid option that controls the
  rendered height of one slot, unlike a CSS zoom.
Upgrade @tasknotes/calendar to 0.1.10 and turn on its pinch zoom.

- Two fingers on a time grid change the slot height (16-96 px) around
  the time beneath them.
- The pinched height is stored per device in Obsidian local storage,
  keyed by the configured height it replaces, so changing the configured
  Time slot height starts fresh.
- New "Pinch to resize time slots" toggle in the view's time grid
  options (on by default); the slot height limit rises to 96 px to
  match the pinch range.
- Translations for all locales, docs and release notes.
…1.10

Three-way merge the upstream 0.1.6 -> 0.1.10 stylesheet changes into the
host copy, keeping its Host: adaptations. The one conflict was upstream's
new interaction block at the end of the file; it now sits before the
host's reduced-motion rule, which stays last. The new upstream rules need
no further host changes: no !important, short hex, :has() or
display: contents, and styles.css passes stylelint.
@callumalpass
callumalpass force-pushed the feat/calendar-pinch-settings branch from 317b1a3 to 226dff3 Compare November 9, 2026 08:45
@callumalpass
callumalpass merged commit cccb495 into main Nov 9, 2026
3 checks passed
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.

2 participants