feat(ux): microinteraction improvements

- Zentralisiere @keyframes check-pop in layout.css (war dupliziert in shopping.css + tasks.css)
- Subtask-Checkbox erhaelt check-pop Animation (konsistent mit Haupt-Checkbox)
- Quick-Add: Checkmark-Feedback auf +-Button nach erfolgreichem Hinzufuegen (700ms, DOM-API)
- Swipe-Affordance Hint: swipe-row--hint via localStorage-Counter (max. 3x, nur Mobile)
This commit is contained in:
Ulas
2026-04-04 23:53:11 +02:00
parent 187af593f7
commit 8f8b3f7951
4 changed files with 160 additions and 12 deletions
+1 -6
View File
@@ -254,12 +254,6 @@
animation: check-pop 0.2s var(--ease-out);
}
@keyframes check-pop {
0% { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}
.task-status-btn--in_progress {
border-color: var(--color-warning);
}
@@ -425,6 +419,7 @@
.subtask-item__checkbox--done {
background-color: var(--color-success);
border-color: var(--color-success);
animation: check-pop 0.15s var(--ease-out);
}
.subtask-item__title {