4.13.4: Клик по заголовку раскрывает задачи
All checks were successful
Build and Push Docker Image / build-and-push (push) Successful in 1m12s
All checks were successful
Build and Push Docker Image / build-and-push (push) Successful in 1m12s
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "play-life-web",
|
"name": "play-life-web",
|
||||||
"version": "4.13.3",
|
"version": "4.13.4",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "vite",
|
"dev": "vite",
|
||||||
|
|||||||
@@ -551,6 +551,19 @@
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.project-group-header-clickable {
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 0.5rem;
|
||||||
|
margin: -0.5rem -0.5rem -0.5rem -0.5rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
border-radius: 0.375rem;
|
||||||
|
transition: background-color 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project-group-header-clickable:hover {
|
||||||
|
background-color: #f9fafb;
|
||||||
|
}
|
||||||
|
|
||||||
.project-group-title {
|
.project-group-title {
|
||||||
font-size: 1.125rem;
|
font-size: 1.125rem;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
|||||||
@@ -913,12 +913,19 @@ function TaskList({ onNavigate, data, loading, backgroundLoading, error, onRetry
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div key={projectName} className={`project-group ${!hasNotCompleted ? 'project-group-no-tasks' : ''}`}>
|
<div key={projectName} className={`project-group ${!hasNotCompleted ? 'project-group-no-tasks' : ''}`}>
|
||||||
<div className="project-group-header">
|
<div
|
||||||
|
className={`project-group-header ${hasCompleted ? 'project-group-header-clickable' : ''}`}
|
||||||
|
onClick={hasCompleted ? () => toggleCompletedExpanded(projectName) : undefined}
|
||||||
|
title={hasCompleted ? (isCompletedExpanded ? 'Скрыть выполненные' : 'Показать выполненные') : undefined}
|
||||||
|
>
|
||||||
<h3 className={`project-group-title ${!hasNotCompleted ? 'project-group-title-empty' : ''}`}>{projectName}</h3>
|
<h3 className={`project-group-title ${!hasNotCompleted ? 'project-group-title-empty' : ''}`}>{projectName}</h3>
|
||||||
{hasCompleted && (
|
{hasCompleted && (
|
||||||
<button
|
<button
|
||||||
className="completed-toggle-header"
|
className="completed-toggle-header"
|
||||||
onClick={() => toggleCompletedExpanded(projectName)}
|
onClick={(e) => {
|
||||||
|
e.stopPropagation()
|
||||||
|
toggleCompletedExpanded(projectName)
|
||||||
|
}}
|
||||||
title={isCompletedExpanded ? 'Скрыть выполненные' : 'Показать выполненные'}
|
title={isCompletedExpanded ? 'Скрыть выполненные' : 'Показать выполненные'}
|
||||||
>
|
>
|
||||||
<span className="completed-toggle-icon">
|
<span className="completed-toggle-icon">
|
||||||
|
|||||||
Reference in New Issue
Block a user