M8: list density tokens (scarfGoCompactListRow + scarfGoListDensity)

Apple's default List styling targets Reading/Notes-style apps:
~60pt rows, 10pt inter-row spacing, big vertical padding on
grouped cells. ScarfGo's lists (Memory, Cron, Skills, More,
Dashboard recent sessions) lean information-dense — devs want to
see 4-6 items per screen, not 2.

Two tokens in Scarf iOS/App/Theme/ListDensity.swift:

- `.scarfGoCompactListRow()` — 6pt vertical listRowInsets (down
  from default ~12pt), explicit `.frame(minHeight: 44)` to preserve
  the Apple HIG tap target, and `.contentShape(Rectangle())` so
  rows can shrink below 44pt visually while keeping the full-row
  hit area. ~48pt rows end up net, vs. ~60pt default.
- `.scarfGoListDensity()` — `.listRowSpacing(0)` kills inter-row
  gaps on the whole List, `.defaultMinListRowHeight(36)` sets the
  floor for rows that want to go smaller (e.g. `LabeledContent`).

Applied to Memory, Cron, Skills, Dashboard, MoreTab. No visual
change to Chat (it's not a List — different density patterns for
M8 items 2.4–2.7). Research-backed: Fantastical / GitHub Mobile /
Mona for Mastodon use similar spacing.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Alan Wizemann
2026-04-24 13:40:10 +02:00
parent 5cac3836cf
commit 5f9343be5d
6 changed files with 46 additions and 0 deletions
+4
View File
@@ -111,16 +111,19 @@ private struct MoreTab: View {
} label: {
Label("Cron jobs", systemImage: "clock.arrow.circlepath")
}
.scarfGoCompactListRow()
NavigationLink {
SkillsListView(config: config)
} label: {
Label("Skills", systemImage: "sparkles")
}
.scarfGoCompactListRow()
NavigationLink {
SettingsView(config: config)
} label: {
Label("Settings", systemImage: "gearshape.fill")
}
.scarfGoCompactListRow()
}
Section {
@@ -143,6 +146,7 @@ private struct MoreTab: View {
.font(.caption)
}
}
.scarfGoListDensity()
.navigationTitle("More")
.navigationBarTitleDisplayMode(.inline)
.confirmationDialog(
@@ -0,0 +1,33 @@
import SwiftUI
/// ScarfGo's density tokens. Developer-tool context benefits from
/// tighter list rows than Apple's ~60pt default we aim for ~48pt
/// rows that still meet the 44pt tap-target invariant. Research-
/// backed (M8 density pass): Fantastical, GitHub Mobile, Mona for
/// Mastodon use similar spacing.
public extension View {
/// Apply to individual `List` rows to shrink vertical padding
/// while keeping the full row hit-target 44pt. Use this on
/// every ScarfGo list that renders more than 3 rows per screen
/// (Memory, Cron, Skills, Settings, Dashboard recent sessions,
/// More).
///
/// Pair with `scarfGoListDensity()` on the containing List to
/// tighten inter-section spacing.
func scarfGoCompactListRow() -> some View {
self
.listRowInsets(EdgeInsets(top: 6, leading: 16, bottom: 6, trailing: 16))
.contentShape(Rectangle())
.frame(minHeight: 44)
}
/// Apply to a `List` to reduce the default minimum row height +
/// kill the inter-row spacing iOS 18 injects between rows. Works
/// with `.plain` and `.insetGrouped` list styles. Does not affect
/// section-header spacing.
func scarfGoListDensity() -> some View {
self
.environment(\.defaultMinListRowHeight, 36)
.listRowSpacing(0)
}
}
+2
View File
@@ -48,6 +48,7 @@ struct CronListView: View {
} onTap: {
editingJob = job
}
.scarfGoCompactListRow()
.swipeActions(edge: .trailing, allowsFullSwipe: false) {
Button(role: .destructive) {
Task { await vm.delete(id: job.id) }
@@ -59,6 +60,7 @@ struct CronListView: View {
}
}
}
.scarfGoListDensity()
.navigationTitle("Cron jobs")
.navigationBarTitleDisplayMode(.inline)
.toolbar {
@@ -87,6 +87,7 @@ struct DashboardView: View {
}
}
.scarfGoListDensity()
.navigationTitle(config.displayName)
.navigationBarTitleDisplayMode(.large)
.refreshable {
@@ -19,13 +19,17 @@ struct MemoryListView: View {
List {
Section {
memoryRow(.memory, context: ctx)
.scarfGoCompactListRow()
memoryRow(.user, context: ctx)
.scarfGoCompactListRow()
memoryRow(.soul, context: ctx)
.scarfGoCompactListRow()
} footer: {
Text("MEMORY.md and USER.md live under `~/.hermes/memories/`. SOUL.md lives at `~/.hermes/SOUL.md`.")
.font(.caption)
}
}
.scarfGoListDensity()
.navigationTitle("Memory")
.navigationBarTitleDisplayMode(.inline)
}
@@ -54,11 +54,13 @@ struct SkillsListView: View {
.foregroundStyle(.secondary)
}
}
.scarfGoCompactListRow()
}
}
}
}
}
.scarfGoListDensity()
.navigationTitle("Skills")
.navigationBarTitleDisplayMode(.inline)
.overlay {