fix(sidebar): polish project group headers

This commit is contained in:
777genius 2026-04-17 12:43:51 +03:00
parent 2bb290bf8a
commit f7c1dc16c4
2 changed files with 8 additions and 8 deletions

View file

@ -204,7 +204,7 @@ export const Sidebar = (): React.JSX.Element => {
<button <button
type="button" type="button"
aria-label="Resize sidebar" aria-label="Resize sidebar"
className={`absolute left-0 top-0 h-full w-1 cursor-col-resize border-0 bg-transparent p-0 transition-colors hover:bg-blue-500/50 ${ className={`absolute left-0 top-0 z-20 h-full w-1 cursor-col-resize border-0 bg-transparent p-0 transition-colors hover:bg-blue-500/50 ${
isResizing ? 'bg-blue-500/50' : '' isResizing ? 'bg-blue-500/50' : ''
}`} }`}
onMouseDown={handleResizeStart} onMouseDown={handleResizeStart}

View file

@ -21,6 +21,7 @@ import {
Check, Check,
ChevronDown, ChevronDown,
ChevronRight, ChevronRight,
Folder,
ListTodo, ListTodo,
Pin, Pin,
Search, Search,
@ -625,6 +626,7 @@ export const GlobalTaskList = ({
projectGroups.map((group) => { projectGroups.map((group) => {
if (group.tasks.length === 0) return null; if (group.tasks.length === 0) return null;
const isGroupCollapsed = projectCollapsed.isCollapsed(group.projectKey); const isGroupCollapsed = projectCollapsed.isCollapsed(group.projectKey);
const groupColor = projectColor(group.projectLabel);
let lastTeam: string | null = null; let lastTeam: string | null = null;
return ( return (
<div key={group.projectKey}> <div key={group.projectKey}>
@ -639,14 +641,12 @@ export const GlobalTaskList = ({
) : ( ) : (
<ChevronDown className="size-3 shrink-0 text-text-muted" /> <ChevronDown className="size-3 shrink-0 text-text-muted" />
)} )}
<span <Folder
className="inline-block size-1.5 shrink-0 rounded-full" className="size-3 shrink-0"
style={{ backgroundColor: projectColor(group.projectLabel).border }} style={{ color: groupColor.border }}
aria-hidden="true"
/> />
<span <span className="truncate" style={{ color: groupColor.text }}>
className="truncate"
style={{ color: projectColor(group.projectLabel).text }}
>
{group.projectLabel} {group.projectLabel}
</span> </span>
<span className="ml-auto shrink-0 text-[10px] font-normal text-text-muted"> <span className="ml-auto shrink-0 text-[10px] font-normal text-text-muted">