[WEB-494] fix: selected label indicator are not showing up on the issue create modal. (#3752)

This commit is contained in:
Prateek Shourya 2024-02-22 20:03:00 +05:30 committed by GitHub
parent e92417037c
commit 02182e05c4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -154,22 +154,22 @@ export const IssueLabelSelect: React.FC<Props> = observer((props) => {
className={({ active }) =>
`${
active ? "bg-custom-background-80" : ""
} group flex min-w-[14rem] cursor-pointer select-none items-center gap-2 truncate rounded px-1 py-1.5 text-custom-text-200`
} group flex w-full cursor-pointer select-none items-center gap-2 truncate rounded px-1 py-1.5 text-custom-text-200`
}
value={label.id}
>
{({ selected }) => (
<div className="flex w-full justify-between gap-2 rounded">
<div className="flex items-center justify-start gap-2">
<div className="flex items-center justify-start gap-2 truncate">
<span
className="h-2.5 w-2.5 flex-shrink-0 rounded-full"
style={{
backgroundColor: label.color,
}}
/>
<span>{label.name}</span>
<span className="truncate">{label.name}</span>
</div>
<div className="flex items-center justify-center rounded p-1">
<div className="flex shrink-0 items-center justify-center rounded p-1">
<Check className={`h-3 w-3 ${selected ? "opacity-100" : "opacity-0"}`} />
</div>
</div>