fix(todo): swap checkbox/priority order, enlarge priority dot, remove chevron

- Swap positions: checkbox now before priority indicator (drag → check → prio → content)
- Increase priority dot size from 0.5rem to 0.625rem
- Remove expand/collapse chevron icon on the right side

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Till JS 2026-03-24 19:46:33 +01:00
parent c96447981f
commit f42f9ce818

View file

@ -311,12 +311,6 @@
</svg>
</div>
<!-- Priority indicator -->
<div
class="priority-dot"
style="background-color: {priorityColors[task.priority] || priorityColors.medium}"
></div>
<!-- Checkbox -->
<button
class="task-checkbox"
@ -342,6 +336,12 @@
{/if}
</button>
<!-- Priority indicator -->
<div
class="priority-dot"
style="background-color: {priorityColors[task.priority] || priorityColors.medium}"
></div>
<!-- Content (clickable to expand) -->
<button type="button" class="task-content" onclick={handleContentClick}>
<span class="task-title" class:line-through={task.isCompleted}>
@ -421,23 +421,6 @@
{#if projectColor()}
<div class="project-dot" style="background-color: {projectColor()}"></div>
{/if}
<!-- Expand/Collapse indicator -->
<button
class="expand-btn"
onclick={handleContentClick}
title={isExpanded ? 'Einklappen' : 'Bearbeiten'}
>
<svg
class="expand-icon"
class:rotated={isExpanded}
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
</svg>
</button>
</div>
<!-- Expanded inline edit form -->
@ -751,8 +734,8 @@
/* Priority dot */
.priority-dot {
width: 0.5rem;
height: 0.5rem;
width: 0.625rem;
height: 0.625rem;
border-radius: 9999px;
flex-shrink: 0;
}