fix(sidebar): polish project group headers
This commit is contained in:
parent
2bb290bf8a
commit
f7c1dc16c4
2 changed files with 8 additions and 8 deletions
|
|
@ -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}
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue