thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests 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 GitHub
parent cb922fb113
commit a3ea7c8f10
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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, value: state.id,
query: state.name, query: state.name,
content: ( content: (
<div className="flex items-center gap-2"> <div className="flex items-center gap-2 truncate">
<StateGroupIcon stateGroup={state.group} color={state.color} /> <StateGroupIcon stateGroup={state.group} color={state.color} />
{state.name} <span className="truncate">{state.name}</span>
</div> </div>
), ),
})); }));
@ -50,11 +50,11 @@ export const SidebarStateSelect: React.FC<Props> = ({ value, onChange, disabled
onChange={onChange} onChange={onChange}
options={options} options={options}
customButton={ 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 ? ( {selectedOption ? (
<div className="flex items-center gap-1.5 text-left text-custom-text-100"> <div className="flex items-center gap-1.5 text-left text-custom-text-100">
<StateGroupIcon stateGroup={selectedOption.group} color={selectedOption.color} /> <StateGroupIcon stateGroup={selectedOption.group} color={selectedOption.color} />
{addSpaceIfCamelCase(selectedOption?.name ?? "")} <span className="truncate">{addSpaceIfCamelCase(selectedOption?.name ?? "")}</span>
</div> </div>
) : inboxIssueId ? ( ) : inboxIssueId ? (
<div className="flex items-center gap-1.5 text-left text-custom-text-100"> <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> </div>
} }
width="min-w-[10rem]" width="min-w-[10rem] max-w-[12rem]"
noChevron noChevron
disabled={disabled} disabled={disabled}
/> />