agent: lumotia — v0.1 release-completion run
Closes the code-side v0.1 ship gate. All quality gates green: cargo fmt/clippy/test (~327 tests), npm check (0/0), vitest 13/13, scripts/dogfood-rebrand-drill.sh 8/8. Phase F — first-run onboarding promoted to v0.1 - FirstRunPage with skip-to-main + failure recovery + event recording - Six onboarding commands (record/list/has-completed + lumotia_events) - Storage migration v17 (onboarding_events + lumotia_events tables) UI hardening (in-scope items from v0.1-ui-hardening.md) - StatusPill + PostCaptureCard components, 21st preview entry - Sidebar recording-as-sacred-state (opacity + aria-disabled, reduced-motion) - Settings 6-section regroup + Help section + Activation log + Privacy toggle - Error-state copy sweep (DictationPage + SettingsPage, plain-language) - Global :focus-visible rule, textarea outlines restored - Ctrl+K / Ctrl+, / Escape bindings in +layout LLM resilience - rule_based_extract_tasks (regex-free imperative-verb extractor) + extract_tasks_with_fallback wrapper — task extraction never returns zero - tokio::time::timeout(120s) wraps cleanup/tags/tasks commands Release artefacts - LICENSE (canonical AGPL-3.0), CHANGELOG (Keep-a-Changelog format) - v0.1-release-notes, privacy-and-ai-use, install-warnings, tester-onboarding-kit, tester-acceptance-runbook, code-signing-setup, apple-silicon-rb08-runbook, virtual-audio-setup, v0.1-contrast-audit - Workspace versioning + AGPL spdx; npm exact-pin (10 ranges removed) - AppImage SHA-256 sidecar in build.yml - README v0.1 section + Reporting-issues; canonical repo slug Closure pass — items moved from human-required to code-complete - KI-02 Linux idle inhibit: zbus 5 → org.freedesktop.login1.Manager.Inhibit - KI-03 Windows sleep prevention: SetThreadExecutionState(ES_CONTINUOUS|...) - acquire/release_idle_inhibit Tauri commands, wired in DictationPage - Diagnostic-bundle frontend wire-up (Settings → Help button) - WCAG-AA contrast fix via .btn-filled-text utility (no token changes) - 8 destructive-action sites wrapped in plain-language confirm() guards - KNOWN-ISSUES.md + v0.1-known-limitations.md updated (KI-02/03 fixed) Scripts - pre-tag-verify.sh, tag-day.sh, smoke-linux + driver - parse-diagnostic-bundle.sh, parse-activation-log.py Per-item audit trail: docs/release/v0.1-completion-status.md Remaining: W-01…W-08 (signing certs, hardware probes, smoke matrix, tester recruitment) — see docs/release/v0.1-known-limitations.md.
This commit is contained in:
@@ -112,6 +112,7 @@
|
||||
}
|
||||
|
||||
async function removeRule(rule) {
|
||||
if (!confirm("Remove this if-then rule? Future captures won't be filtered by it. This cannot be undone.")) return;
|
||||
try {
|
||||
await deleteImplementationRule(rule.id);
|
||||
} catch (err) {
|
||||
|
||||
@@ -92,7 +92,7 @@
|
||||
</div>
|
||||
{:else}
|
||||
<button
|
||||
class="px-6 py-2.5 rounded-xl text-[14px] font-medium text-white bg-accent hover:bg-accent-hover
|
||||
class="px-6 py-2.5 rounded-xl text-[14px] font-medium btn-filled-text bg-accent hover:bg-accent-hover
|
||||
shadow-[var(--shadow-accent-md)] transition-all duration-150"
|
||||
onclick={startDownload}
|
||||
>
|
||||
|
||||
@@ -298,7 +298,7 @@
|
||||
>
|
||||
<span
|
||||
class="mt-0.5 w-4 h-4 rounded-sm border flex items-center justify-center flex-shrink-0
|
||||
{picked ? 'bg-accent border-accent text-white' : 'border-border'}"
|
||||
{picked ? 'bg-accent border-accent btn-filled-text' : 'border-border'}"
|
||||
aria-hidden="true"
|
||||
>
|
||||
{#if picked}
|
||||
@@ -342,7 +342,7 @@
|
||||
type="button"
|
||||
class="px-4 py-2 rounded-lg text-[12px] font-medium transition-colors
|
||||
{selected.size >= 1 && !applying
|
||||
? 'bg-accent text-white hover:bg-accent-hover'
|
||||
? 'bg-accent btn-filled-text hover:bg-accent-hover'
|
||||
: 'bg-bg-input text-text-tertiary cursor-not-allowed'}"
|
||||
onclick={startTheDay}
|
||||
disabled={selected.size === 0 || applying}
|
||||
|
||||
399
src/lib/components/PostCaptureCard.svelte
Normal file
399
src/lib/components/PostCaptureCard.svelte
Normal file
@@ -0,0 +1,399 @@
|
||||
<script lang="ts">
|
||||
// PostCaptureCard — v0.1 UI-hardening deliverable (section 3: "Post-capture card").
|
||||
//
|
||||
// Display-only surface surfaced after every recording. Shows the cleaned
|
||||
// transcript, optionally the raw transcript behind a <details> disclosure,
|
||||
// extracted tasks (each clickable to reveal MicroSteps), and action
|
||||
// buttons for export / start-first-MicroStep / open-in-history.
|
||||
//
|
||||
// Intentionally scope-limited to what v0.1 ships:
|
||||
// ✓ cleaned + raw transcript
|
||||
// ✓ extracted tasks list
|
||||
// ✓ MicroSteps for the selected task
|
||||
// ✗ suggested title / type / folder / project / area / person / topic
|
||||
// ✗ accept / edit / park / archive
|
||||
// ✗ confidence scores
|
||||
// ✗ related-notes / possible-links
|
||||
// All of the above are explicitly v0.2+.
|
||||
//
|
||||
// All data arrives via props — no store imports, no fetching, no mutations.
|
||||
|
||||
import StatusPill from '$lib/components/StatusPill.svelte';
|
||||
|
||||
type Props = {
|
||||
transcriptId: string;
|
||||
rawTranscript: string;
|
||||
cleanedTranscript: string;
|
||||
cleanedSource: 'llm' | 'rule-based';
|
||||
extractedTasks: string[];
|
||||
microSteps?: string[];
|
||||
onSelectTask?: (idx: number) => void;
|
||||
onExport?: () => void;
|
||||
onStartFirstMicroStep?: () => void;
|
||||
onOpenInHistory?: () => void;
|
||||
};
|
||||
|
||||
let {
|
||||
transcriptId,
|
||||
rawTranscript,
|
||||
cleanedTranscript,
|
||||
cleanedSource,
|
||||
extractedTasks,
|
||||
microSteps,
|
||||
onSelectTask,
|
||||
onExport,
|
||||
onStartFirstMicroStep,
|
||||
onOpenInHistory,
|
||||
}: Props = $props();
|
||||
|
||||
// Which task the user has selected (null = none). Drives MicroSteps reveal.
|
||||
let selectedTaskIdx: number | null = $state(null);
|
||||
|
||||
// Bound elements for roving-tabindex keyboard navigation.
|
||||
let taskBtnEls: (HTMLButtonElement | null)[] = $state([]);
|
||||
|
||||
function handleTaskClick(idx: number) {
|
||||
selectedTaskIdx = idx;
|
||||
onSelectTask?.(idx);
|
||||
}
|
||||
|
||||
// Keyboard navigation on the task list (roving tabindex pattern).
|
||||
function handleTaskListKeydown(e: KeyboardEvent) {
|
||||
if (extractedTasks.length === 0) return;
|
||||
const current = selectedTaskIdx ?? 0;
|
||||
|
||||
if (e.key === "ArrowDown") {
|
||||
e.preventDefault();
|
||||
const next = Math.min(current + 1, extractedTasks.length - 1);
|
||||
selectedTaskIdx = next;
|
||||
taskBtnEls[next]?.focus();
|
||||
} else if (e.key === "ArrowUp") {
|
||||
e.preventDefault();
|
||||
const prev = Math.max(current - 1, 0);
|
||||
selectedTaskIdx = prev;
|
||||
taskBtnEls[prev]?.focus();
|
||||
} else if (e.key === "Enter") {
|
||||
e.preventDefault();
|
||||
handleTaskClick(current);
|
||||
if (canStartMicroStep) {
|
||||
onStartFirstMicroStep?.();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Keep focused button in sync when selectedTaskIdx changes via click.
|
||||
$effect(() => {
|
||||
if (selectedTaskIdx !== null) {
|
||||
taskBtnEls[selectedTaskIdx]?.focus();
|
||||
}
|
||||
});
|
||||
|
||||
let hasMicroSteps = $derived(
|
||||
selectedTaskIdx !== null && microSteps !== undefined && microSteps.length > 0
|
||||
);
|
||||
|
||||
let canStartMicroStep = $derived(
|
||||
microSteps !== undefined && microSteps.length > 0
|
||||
);
|
||||
</script>
|
||||
|
||||
<article class="post-capture-card" aria-label="Captured transcript">
|
||||
<!-- Header: title + saved pill -->
|
||||
<header class="card-header">
|
||||
<span class="card-title">Captured</span>
|
||||
<StatusPill status="saved" />
|
||||
</header>
|
||||
|
||||
<!-- Cleaned transcript — primary surface -->
|
||||
<section class="card-section cleaned-section">
|
||||
<p class="section-meta">
|
||||
{cleanedSource === 'llm' ? 'Cleaned by local model' : 'Cleaned by rules'}
|
||||
</p>
|
||||
<p class="transcript-text">{cleanedTranscript}</p>
|
||||
</section>
|
||||
|
||||
<!-- Raw transcript — progressive disclosure -->
|
||||
<details class="raw-disclosure">
|
||||
<summary class="raw-summary">Show raw transcript</summary>
|
||||
<p class="transcript-text raw-text">{rawTranscript}</p>
|
||||
</details>
|
||||
|
||||
<!-- Extracted tasks — only shown when there is at least one -->
|
||||
{#if extractedTasks.length > 0}
|
||||
<section class="card-section tasks-section">
|
||||
<h3 class="section-heading">Tasks</h3>
|
||||
<!-- Roving tabindex: first item in tab order; arrow keys move focus within the list. -->
|
||||
<!-- svelte-ignore a11y_interactive_supports_focus -->
|
||||
<ul
|
||||
class="task-list"
|
||||
role="listbox"
|
||||
aria-label="Extracted tasks"
|
||||
onkeydown={handleTaskListKeydown}
|
||||
>
|
||||
{#each extractedTasks as task, idx}
|
||||
<li class="task-item" role="option" aria-selected={selectedTaskIdx === idx}>
|
||||
<button
|
||||
class="task-btn"
|
||||
class:task-btn-selected={selectedTaskIdx === idx}
|
||||
onclick={() => handleTaskClick(idx)}
|
||||
type="button"
|
||||
tabindex={idx === 0 || selectedTaskIdx === idx ? 0 : -1}
|
||||
bind:this={taskBtnEls[idx]}
|
||||
>
|
||||
{task}
|
||||
</button>
|
||||
</li>
|
||||
{/each}
|
||||
</ul>
|
||||
</section>
|
||||
{/if}
|
||||
|
||||
<!-- MicroSteps for selected task — only shown once a task is selected -->
|
||||
{#if hasMicroSteps}
|
||||
<section class="card-section microsteps-section">
|
||||
<h3 class="section-heading">MicroSteps</h3>
|
||||
<ol class="microstep-list">
|
||||
{#each microSteps! as step}
|
||||
<li class="microstep-item">{step}</li>
|
||||
{/each}
|
||||
</ol>
|
||||
</section>
|
||||
{/if}
|
||||
|
||||
<!-- Action buttons -->
|
||||
<footer class="card-footer">
|
||||
<button class="action-btn" onclick={onExport} type="button">
|
||||
Export…
|
||||
</button>
|
||||
<button
|
||||
class="action-btn action-btn-primary"
|
||||
onclick={onStartFirstMicroStep}
|
||||
disabled={!canStartMicroStep}
|
||||
type="button"
|
||||
>
|
||||
Start first MicroStep
|
||||
</button>
|
||||
<button class="action-btn" onclick={onOpenInHistory} type="button">
|
||||
Open in History
|
||||
</button>
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
<style>
|
||||
/* === Card shell === */
|
||||
/* Mirrors bg-card · 1px subtle border · radius 20 · shadow-sm from
|
||||
components-cards.html and Card.svelte (rounded-2xl, border-border-subtle). */
|
||||
.post-capture-card {
|
||||
background: var(--color-bg-card);
|
||||
border: 1px solid var(--color-border-subtle);
|
||||
border-radius: 20px;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
|
||||
padding: 18px 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
max-width: 520px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* === Header === */
|
||||
.card-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.card-title {
|
||||
font: 600 15px/1 var(--font-family-body);
|
||||
color: var(--color-text);
|
||||
}
|
||||
|
||||
/* === Sections === */
|
||||
.card-section {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.section-meta {
|
||||
font-size: 11px;
|
||||
color: var(--color-text-tertiary);
|
||||
font-weight: 500;
|
||||
letter-spacing: 0.04em;
|
||||
}
|
||||
|
||||
.section-heading {
|
||||
font: 600 12px/1 var(--font-family-body);
|
||||
color: var(--color-text-secondary);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.08em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* === Transcript text (shared by cleaned + raw) === */
|
||||
.transcript-text {
|
||||
font-size: 13px;
|
||||
color: var(--color-text-secondary);
|
||||
line-height: 1.55;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* === Raw disclosure === */
|
||||
.raw-disclosure {
|
||||
border-top: 1px solid var(--color-border-subtle);
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.raw-summary {
|
||||
font-size: 12px;
|
||||
color: var(--color-text-tertiary);
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
list-style: none;
|
||||
/* Remove default triangle — matches SettingsGroup pattern */
|
||||
padding: 0;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.raw-summary::-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.raw-summary:hover {
|
||||
color: var(--color-text-secondary);
|
||||
}
|
||||
|
||||
.raw-summary:focus-visible {
|
||||
outline: 2px solid var(--color-accent);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
.raw-text {
|
||||
margin-top: 8px;
|
||||
color: var(--color-text-tertiary);
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* === Task list === */
|
||||
.task-list {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.task-item {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.task-btn {
|
||||
background: var(--color-bg-elevated);
|
||||
border: 1px solid var(--color-border-subtle);
|
||||
border-radius: 8px;
|
||||
padding: 6px 10px;
|
||||
font-size: 13px;
|
||||
color: var(--color-text-secondary);
|
||||
cursor: pointer;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
transition: background 100ms, border-color 100ms, color 100ms;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
.task-btn:hover {
|
||||
background: var(--color-hover);
|
||||
color: var(--color-text);
|
||||
border-color: var(--color-border);
|
||||
}
|
||||
|
||||
.task-btn:focus-visible {
|
||||
outline: 2px solid var(--color-accent);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
.task-btn-selected {
|
||||
background: color-mix(in oklch, var(--color-accent) 12%, var(--color-bg-elevated));
|
||||
border-color: color-mix(in oklch, var(--color-accent) 40%, var(--color-border-subtle));
|
||||
color: var(--color-text);
|
||||
}
|
||||
|
||||
/* === MicroSteps === */
|
||||
.microstep-list {
|
||||
margin: 0;
|
||||
padding: 0 0 0 1.25em;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.microstep-item {
|
||||
font-size: 13px;
|
||||
color: var(--color-text-secondary);
|
||||
line-height: 1.5;
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
/* === Footer actions === */
|
||||
.card-footer {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
padding-top: 4px;
|
||||
border-top: 1px solid var(--color-border-subtle);
|
||||
}
|
||||
|
||||
.action-btn {
|
||||
background: var(--color-bg-elevated);
|
||||
border: 1px solid var(--color-border-subtle);
|
||||
border-radius: 8px;
|
||||
padding: 6px 14px;
|
||||
font: 500 12px/1 var(--font-family-body);
|
||||
color: var(--color-text-secondary);
|
||||
cursor: pointer;
|
||||
transition: background 100ms, border-color 100ms, color 100ms;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.action-btn:hover:not(:disabled) {
|
||||
background: var(--color-hover);
|
||||
color: var(--color-text);
|
||||
border-color: var(--color-border);
|
||||
}
|
||||
|
||||
.action-btn:focus-visible {
|
||||
outline: 2px solid var(--color-accent);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
.action-btn:disabled {
|
||||
opacity: 0.38;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
/* Primary action gets brand accent treatment */
|
||||
.action-btn-primary {
|
||||
background: color-mix(in oklch, var(--color-accent) 14%, var(--color-bg-elevated));
|
||||
border-color: color-mix(in oklch, var(--color-accent) 35%, var(--color-border-subtle));
|
||||
color: var(--color-accent);
|
||||
}
|
||||
|
||||
.action-btn-primary:hover:not(:disabled) {
|
||||
background: color-mix(in oklch, var(--color-accent) 20%, var(--color-bg-elevated));
|
||||
color: var(--color-text);
|
||||
}
|
||||
|
||||
/* Honour prefers-reduced-motion for transitions */
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.task-btn,
|
||||
.action-btn {
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
|
||||
:global(html.reduce-motion) .task-btn,
|
||||
:global(html.reduce-motion) .action-btn {
|
||||
transition: none;
|
||||
}
|
||||
</style>
|
||||
123
src/lib/components/StatusPill.svelte
Normal file
123
src/lib/components/StatusPill.svelte
Normal file
@@ -0,0 +1,123 @@
|
||||
<script lang="ts">
|
||||
// StatusPill — v0.1 UI-hardening deliverable (section 10: "Status labels everywhere").
|
||||
//
|
||||
// Renders a small rounded-full pill with a leading dot + visible text label for
|
||||
// every async / transcription state in Lumotia. Colour is SUPPLEMENTARY — the
|
||||
// text label is always visible (WCAG perceivable).
|
||||
//
|
||||
// Animation (pulse on recording) honours prefers-reduced-motion via both the
|
||||
// global html.reduce-motion class (set by preferences.svelte.js) and a plain
|
||||
// @media query so it works even before that class is applied.
|
||||
|
||||
type Status =
|
||||
| 'ready'
|
||||
| 'recording'
|
||||
| 'paused'
|
||||
| 'transcribing'
|
||||
| 'cleaning'
|
||||
| 'extracting-tasks'
|
||||
| 'saved'
|
||||
| 'exported'
|
||||
| 'needs-review'
|
||||
| 'failed-safely';
|
||||
|
||||
let { status, label = undefined }: { status: Status; label?: string } = $props();
|
||||
|
||||
const DEFAULT_LABELS: Record<Status, string> = {
|
||||
'ready': 'Ready',
|
||||
'recording': 'Recording',
|
||||
'paused': 'Paused',
|
||||
'transcribing': 'Transcribing',
|
||||
'cleaning': 'Cleaning',
|
||||
'extracting-tasks':'Extracting tasks',
|
||||
'saved': 'Saved',
|
||||
'exported': 'Exported',
|
||||
'needs-review': 'Needs review',
|
||||
'failed-safely': 'Failed safely',
|
||||
};
|
||||
|
||||
// Tailwind bg classes for the leading dot.
|
||||
// Colour rationale (from semantic palette + existing DictationPage usage):
|
||||
// ready → neutral (text-tertiary, no semantic colour — idle state)
|
||||
// recording → danger (#e87171 — matches page.statusColor="#e87171" in DictationPage)
|
||||
// paused → warning (#e8c86e — honey)
|
||||
// transcribing → accent (progress / in-flight, uses brand warm accent)
|
||||
// cleaning → accent (LLM in flight — same bucket as transcribing)
|
||||
// extracting-tasks → accent (LLM in flight)
|
||||
// saved → success (#7ec89a — moss green)
|
||||
// exported → success
|
||||
// needs-review → warning (#e8c86e — soft signal, data still editable)
|
||||
// failed-safely → danger (#e87171 — failure, but labelled "safely" in copy)
|
||||
const DOT_CLASS: Record<Status, string> = {
|
||||
'ready': 'bg-text-tertiary',
|
||||
'recording': 'bg-danger dot-pulse',
|
||||
'paused': 'bg-warning',
|
||||
'transcribing': 'bg-accent dot-pulse',
|
||||
'cleaning': 'bg-accent dot-pulse',
|
||||
'extracting-tasks':'bg-accent dot-pulse',
|
||||
'saved': 'bg-success',
|
||||
'exported': 'bg-success',
|
||||
'needs-review': 'bg-warning',
|
||||
'failed-safely': 'bg-danger',
|
||||
};
|
||||
|
||||
let displayLabel = $derived(label ?? DEFAULT_LABELS[status]);
|
||||
let dotClass = $derived(DOT_CLASS[status]);
|
||||
</script>
|
||||
|
||||
<!-- aria-live="polite": screen readers announce state changes without interrupting -->
|
||||
<span
|
||||
class="pill"
|
||||
aria-live="polite"
|
||||
role="status"
|
||||
>
|
||||
<span class="dot {dotClass}"></span>
|
||||
<span class="pill-label">{displayLabel}</span>
|
||||
</span>
|
||||
|
||||
<style>
|
||||
.pill {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.375rem; /* 6px */
|
||||
padding: 2px 8px 2px 6px;
|
||||
border-radius: 9999px;
|
||||
background: var(--bg-elevated, rgba(255,255,255,0.06));
|
||||
border: 1px solid var(--border-subtle);
|
||||
font: 500 11px/1 var(--font-body);
|
||||
color: var(--text-secondary);
|
||||
white-space: nowrap;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.dot {
|
||||
display: inline-block;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border-radius: 9999px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
/* Pulse animation for active-process states (recording, transcribing, cleaning, extracting) */
|
||||
@keyframes dot-pulse {
|
||||
0%, 100% { opacity: 1; }
|
||||
50% { opacity: 0.35; }
|
||||
}
|
||||
|
||||
.dot-pulse {
|
||||
animation: dot-pulse 1.4s ease-in-out infinite;
|
||||
}
|
||||
|
||||
/* Honour prefers-reduced-motion via @media (covers cold load before
|
||||
preferences.svelte.js sets html.reduce-motion) */
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.dot-pulse {
|
||||
animation: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Also honour the class-based gate set by preferences.svelte.js */
|
||||
:global(html.reduce-motion) .dot-pulse {
|
||||
animation: none;
|
||||
}
|
||||
</style>
|
||||
@@ -106,7 +106,7 @@
|
||||
</button>
|
||||
<button
|
||||
class="text-text-secondary hover:text-danger opacity-0 group-hover:opacity-100 text-[12px]"
|
||||
onclick={() => deleteTask(task.id)}
|
||||
onclick={() => { if (confirm("Delete this task? This cannot be undone.")) deleteTask(task.id); }}
|
||||
aria-label="Delete task"
|
||||
>
|
||||
×
|
||||
|
||||
Reference in New Issue
Block a user