fix: spreadsheet layout issue properties (#2936)

* fix: spredsheet layout state column state name & tootltip

* fix: label select dropdown first item auto active state

* fix: priority column padding & tooltip position
This commit is contained in:
Lakhan Baheti 2023-11-29 14:20:58 +05:30 committed by sriram veeraghanta
parent 53950f0684
commit b30e41f324
4 changed files with 7 additions and 8 deletions

View file

@ -201,10 +201,9 @@ export const IssuePropertyLabels: React.FC<IIssuePropertyLabels> = observer((pro
<Combobox.Option
key={option.value}
value={option.value}
className={({ active, selected }) =>
`flex items-center justify-between gap-2 cursor-pointer select-none truncate rounded px-1 py-1.5 ${
active ? "bg-custom-background-80" : ""
} ${selected ? "text-custom-text-100" : "text-custom-text-200"}`
className={({ selected }) =>
`flex items-center justify-between gap-2 cursor-pointer select-none truncate rounded px-1 py-1.5 hover:bg-custom-background-80
${selected ? "text-custom-text-100" : "text-custom-text-200"}`
}
>
{({ selected }) => (

View file

@ -17,7 +17,7 @@ export const IssuePropertyPriority: React.FC<IIssuePropertyPriority> = observer(
<PrioritySelect
value={value}
onChange={onChange}
buttonClassName="!h-5 p-1.5"
buttonClassName="!h-5"
disabled={disabled}
hideDropdownArrow={hideDropdownArrow}
/>

View file

@ -26,7 +26,7 @@ export const SpreadsheetStateColumn: React.FC<Props> = (props) => {
<>
<IssuePropertyState
projectId={issue.project_detail?.id ?? null}
value={issue.state_detail}
value={issue.state_detail.id}
onChange={(data) => onChange({ state: data.id, state_detail: data })}
className="h-full w-full"
buttonClassName="!shadow-none !border-0 h-full w-full"