v0.3.6

North Goes Mobile: Full Phone & Tablet Support

🎉 Highlights

Your GTD system now fits in your pocket. North is fully optimized for mobile devices with touch-friendly controls, a collapsible sidebar menu, and layouts that adapt perfectly to any screen size.

Fullscreen task focus on mobile. When you open a task on your phone, it takes over the entire screen so you can focus completely on getting things done without distractions.

Seamless experience across devices. Switch between your desktop and phone mid-workflow - everything adapts automatically while keeping your GTD system consistent.

✨ New Features

Navigate with a hamburger menu on mobile. The sidebar automatically becomes a slide-out drawer on phones and tablets, giving you more space for your tasks while keeping navigation one tap away.

Touch-optimized controls throughout. All buttons, menu items, and interactive elements are now sized perfectly for finger taps, making task management smooth on touchscreens.

Smart layout adjustments. Content, toolbars, and task details automatically reorganize on smaller screens - everything stays accessible without awkward scrolling or tiny text.

Browser integration on mobile. Your phone's status bar and browser chrome now match North's dark/light theme, creating a seamless native-app feel.

🐛 Bug Fixes

Fixed visual glitches on mobile browsers. Task fold indicators and project titles now display properly without being cut off at screen edges.

Improved popover positioning. Dropdown menus and popovers now center correctly on mobile screens instead of appearing off-screen.

📦 Upgrade Notes

No breaking changes. Pull the latest image and restart.

---

🔧 Technical Details (for contributors)

[0.3.6] - 2026-03-21

Features

• Add mobile theme support

• Browser chrome theming: theme-color meta tags synced with dark/light mode

• Responsive sidebar: hamburger menu drawer on mobile, permanent on desktop

• Safe area insets: viewport-fit=cover, pb-safe/pt-safe/pl-safe utilities

• Responsive layout: mobile-first content padding (px-6 mobile, px-8 desktop)

• Task detail modal: fullscreen on mobile, settings behind gear button slide-over

• Hide task action bar on mobile (users tap to open modal instead)

• Popover centering on mobile viewports, desktop positioning unchanged

• Fix transform+fixed gotcha: use max-lg: scoped transforms only

• Toolbar wraps on mobile, search input has bordered style

• Touch targets: larger NavItem padding, modal header buttons

• Fold chevrons absolutely positioned to avoid edge clipping

• Inline text flow for project prefix + title (no flex wrap)

• Help button: icon-only on mobile, full text on desktop

• Status bar: safe area padding for notched devices

• Menu hamburger icon added to IconKind

• E2E tests for mobile layout (8 tests)

• Add mobile theme support (#10)

Overview

Full mobile theme support making the app usable on phones.

Browser Chrome

• <meta name="theme-color"> tags synced with dark/light mode
• viewport-fit=cover for safe area inset support

Responsive Layout

• Hamburger menu with sidebar drawer on mobile (max-lg: scoped)
• Mobile-first content padding (px-6 mobile, px-8 desktop)
• Mobile header bar with menu button

Task Detail Modal

• Fullscreen on mobile (no margins/rounded corners)
• Settings panel behind gear button (slide-over, hidden by default)
• Larger touch targets on header buttons
• Responsive column stacking (vertical on mobile, horizontal on desktop)

Task List

• Action bar (date/project/tag pickers) hidden on mobile
• Fold chevrons absolutely positioned to avoid edge clipping
• Inline text flow for @project prefix + title
• Toolbar wraps on mobile with bordered search input
• Tag filter buttons with increased touch targets

Other

• Help button: icon-only on mobile
• Status bar: safe area padding for notched devices
• Popover: centered on mobile viewports
• 8 new e2e tests for mobile layout

Other

• Increase Playwright retries to 3

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

• Bump version to 0.3.6