github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: issue peek overview state select dropdown overflow fix (#2873)

Browse Source
This commit is contained in:
Anmol Singh Bhatia 2023-11-25 21:18:54 +05:30 committed by sriram veeraghanta
parent 1c2761000a
commit a9ea5b6d90
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/components/issues/sidebar-select/state.tsx
View File

@ -37,9 +37,9 @@ export const SidebarStateSelect: React.FC<Props> = ({ value, onChange, disabled
value: state.id,
query: state.name,
content: (
<div className="flex items-center gap-2">
<div className="flex items-center gap-2 truncate">
<StateGroupIcon stateGroup={state.group} color={state.color} />
{state.name}
<span className="truncate">{state.name}</span>
</div>
),
}));
@ -50,11 +50,11 @@ export const SidebarStateSelect: React.FC<Props> = ({ value, onChange, disabled
onChange={onChange}
options={options}
customButton={
<div className="bg-custom-background-80 text-xs rounded px-2.5 py-0.5">
<div className="bg-custom-background-80 text-xs rounded px-2.5 py-0.5 max-w-[10rem] truncate">
{selectedOption ? (
<div className="flex items-center gap-1.5 text-left text-custom-text-100">
<StateGroupIcon stateGroup={selectedOption.group} color={selectedOption.color} />
{addSpaceIfCamelCase(selectedOption?.name ?? "")}
<span className="truncate">{addSpaceIfCamelCase(selectedOption?.name ?? "")}</span>
</div>
) : inboxIssueId ? (
<div className="flex items-center gap-1.5 text-left text-custom-text-100">
@ -66,7 +66,7 @@ export const SidebarStateSelect: React.FC<Props> = ({ value, onChange, disabled
)}
</div>
}
width="min-w-[10rem]"
width="min-w-[10rem] max-w-[12rem]"
noChevron
disabled={disabled}
/>