4.20.0: Sticky заголовки проектов

VERSION

@@ -1 +1 @@
-4.19.0
+4.20.0

play-life-web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "play-life-web",
-  "version": "4.19.0",
+  "version": "4.20.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

play-life-web/src/components/TaskList.css

@@ -670,10 +670,15 @@
 }
 
 .project-group-header {
+  position: sticky;
+  top: 0;
+  z-index: 10;
+  background: #f3f4f6;
   margin-bottom: 1rem;
   display: flex;
   align-items: center;
   justify-content: space-between;
+  min-height: 2.5rem;
 }
 
 .project-group-header-clickable {

play-life-web/src/components/TaskList.jsx

@@ -942,7 +942,7 @@ function TaskList({ onNavigate, data, loading, backgroundLoading, error, onRetry
               title={hasCompleted ? (isCompletedExpanded ? 'Скрыть выполненные' : 'Показать выполненные') : undefined}
             >
               <h3 className={`project-group-title ${!hasNotCompleted ? 'project-group-title-empty' : ''}`}>{projectName}</h3>
-              {hasCompleted && (
+              {hasCompleted ? (
                 <button
                   className="completed-toggle-header"
                   onClick={(e) => {
@@ -955,6 +955,10 @@ function TaskList({ onNavigate, data, loading, backgroundLoading, error, onRetry
                     {isCompletedExpanded ? '▼' : '▶'}
                   </span>
                 </button>
+              ) : (
+                <div className="completed-toggle-header" style={{ visibility: 'hidden', pointerEvents: 'none' }}>
+                  <span className="completed-toggle-icon">▶</span>
+                </div>
               )}
             </div>