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:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user