daonanchao/vibe-kanban
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

flip todos arrow direction (vibe-kanban) (#1068)

Browse Source 
* Fixed! Changed the chevron rotation from `rotate-180` to `-rotate-180` in [TodoPanel.tsx](file:///private/var/folders/5q/5vgq75y92dz0k7n62z93299r0000gn/T/vibe-kanban/worktrees/2141-todos-chevron-ic/frontend/src/components/tasks/TodoPanel.tsx#L45), so it now rotates in the opposite direction when expanding.

* Fixed! Changed from `ChevronDown` to `ChevronUp` in [TodoPanel.tsx](file:///private/var/folders/5q/5vgq75y92dz0k7n62z93299r0000gn/T/vibe-kanban/worktrees/2141-todos-chevron-ic/frontend/src/components/tasks/TodoPanel.tsx). Now when minimized, the chevron points up (↑), and when expanded, it rotates to point down (↓).
This commit is contained in:
Britannio Jarrett
2025-10-20 18:03:38 +01:00
committed by GitHub
parent 62834ea581
commit 0b8d9facbb
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/tasks/TodoPanel.tsx
View File

@@ -1,4 +1,4 @@
import { Circle, Check, CircleDot, ChevronDown } from 'lucide-react'; import { Circle, Check, CircleDot, ChevronUp } from 'lucide-react';
import { useEntries } from '@/contexts/EntriesContext'; import { useEntries } from '@/contexts/EntriesContext';
import { usePinnedTodos } from '@/hooks/usePinnedTodos'; import { usePinnedTodos } from '@/hooks/usePinnedTodos';
import { Card } from '../ui/card'; import { Card } from '../ui/card';
@@ -40,7 +40,7 @@ function TodoPanel() {
<summary className="list-none cursor-pointer"> <summary className="list-none cursor-pointer">
<Card className="bg-muted p-3 text-sm flex items-center justify-between"> <Card className="bg-muted p-3 text-sm flex items-center justify-between">
<span>{t('todos.title', { count: todos.length })}</span> <span>{t('todos.title', { count: todos.length })}</span>
<ChevronDown <ChevronUp
aria-hidden aria-hidden
className="h-4 w-4 text-muted-foreground transition-transform group-open:rotate-180" className="h-4 w-4 text-muted-foreground transition-transform group-open:rotate-180"
/> />