4.25.0: Группы вместо проектов для задач и желаний

2026-02-06 17:42:36 +03:00
parent 0275d9aecf
commit 9f37d8b518
13 changed files with 888 additions and 188 deletions
--- a/play-life-web/src/components/TaskForm.css
+++ b/play-life-web/src/components/TaskForm.css
@@ -546,3 +546,65 @@
  color: #6b7280;
  font-style: italic;
 }
+
+/* Group Autocomplete */
+.group-autocomplete {
+  position: relative;
+}
+
+.group-autocomplete-input-wrapper {
+  position: relative;
+}
+
+.group-autocomplete-clear {
+  position: absolute;
+  right: 10px;
+  top: 50%;
+  transform: translateY(-50%);
+  background: none;
+  border: none;
+  color: #9ca3af;
+  cursor: pointer;
+  padding: 4px;
+  font-size: 12px;
+  line-height: 1;
+  border-radius: 4px;
+  transition: all 0.15s;
+}
+
+.group-autocomplete-clear:hover {
+  color: #6b7280;
+  background: #f3f4f6;
+}
+
+.group-autocomplete-dropdown {
+  position: absolute;
+  top: calc(100% + 4px);
+  left: 0;
+  right: 0;
+  max-height: 240px;
+  overflow-y: auto;
+  background: white;
+  border: 1px solid #e5e7eb;
+  border-radius: 8px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  z-index: 50;
+}
+
+.group-autocomplete-item {
+  padding: 12px 14px;
+  cursor: pointer;
+  font-size: 14px;
+  color: #374151;
+  border-bottom: 1px solid #f3f4f6;
+  transition: background 0.1s;
+}
+
+.group-autocomplete-item:last-child {
+  border-bottom: none;
+}
+
+.group-autocomplete-item:hover,
+.group-autocomplete-item.highlighted {
+  background: #f3f4f6;
+}