poignatov/play-life
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

4.4.1: Иконка молнии для задач-желаний
All checks were successful
Build and Push Docker Image / build-and-push (push) Successful in 52s
Details

Browse Source
This commit is contained in:
poignatov
2026-01-29 18:18:36 +03:00
parent 56d413f761
commit 25f0c2697a
4 changed files with 44 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
play-life-web/src/components/TaskList.css
View File

@@ -106,6 +106,16 @@
z-index: 1;
}
.task-checkmark-wishlist-lightning-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #9ca3af;
pointer-events: none;
z-index: 1;
}
.task-name-container {
flex: 1;
display: flex;

55
play-life-web/src/components/TaskList.jsx
View File

@@ -557,22 +557,35 @@ function TaskList({ onNavigate, data, loading, backgroundLoading, error, onRetry
<path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path>
</svg>
) : isWishlist ? (
<svg
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
>
<polyline points="20 12 20 22 4 22 4 12"></polyline>
<rect x="2" y="7" width="20" height="5"></rect>
<line x1="12" y1="22" x2="12" y2="7"></line>
<path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"></path>
<path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"></path>
</svg>
<>
<svg
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
>
<path d="M20 12v10M4 12v10M20 22H4"></path>
<path d="M22 7H2M22 7v5M2 7v5"></path>
<path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"></path>
<path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"></path>
</svg>
{task.auto_complete && (
<svg
className="task-checkmark-wishlist-lightning-icon"
width="16"
height="16"
viewBox="0 0 24 24"
fill="currentColor"
title="Задача-желание"
>
<path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"></path>
</svg>
)}
</>
) : (
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="10" cy="10" r="9" stroke="currentColor" strokeWidth="2" fill="none" className="checkmark-circle" />
@@ -582,14 +595,10 @@ function TaskList({ onNavigate, data, loading, backgroundLoading, error, onRetry
{task.auto_complete && !isTest && !isWishlist && (
<svg
className="task-checkmark-auto-complete-icon"
width="12"
height="12"
width="16"
height="16"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeWidth="2.5"
strokeLinecap="round"
strokeLinejoin="round"
fill="currentColor"
title="Автовыполнение в конце дня"
>
<path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"></path>