5.10.0: Капсула прогрессии в списке задач

2026-03-04 12:24:34 +03:00
parent 91d4a7337c
commit 81dc23b501
6 changed files with 114 additions and 24 deletions
--- a/play-life-web/src/components/TaskList.css
+++ b/play-life-web/src/components/TaskList.css
@@ -256,11 +256,41 @@
  margin-left: 0.25rem;
 }

+.task-progression-capsule {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.35rem;
+  background: #f3f4f6;
+  border-radius: 9999px;
+  padding: 0.15rem 0.5rem;
+  cursor: pointer;
+  transition: background 0.2s;
+  min-height: 1.5rem;
+}
+
+.task-progression-capsule:hover {
+  background: #e5e7eb;
+}
+
+.task-progression-capsule--saving {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
 .task-progression-icon {
  color: #9ca3af;
  flex-shrink: 0;
 }

+.task-progression-value {
+  font-size: 0.8rem;
+  font-weight: 500;
+  color: #374151;
+  min-width: 1rem;
+  text-align: center;
+}
+
 .task-infinite-icon {
  color: #9ca3af;
  flex-shrink: 0;