improvements: truncate environment selection and only show visualize access when expanded

This commit is contained in:
Scott Wilson
2025-06-25 09:09:08 -07:00
parent 8683693103
commit 5b4790ee78
2 changed files with 3 additions and 3 deletions
@@ -182,7 +182,7 @@ const AccessTreeContent = ({ permissions, subject, onClose }: AccessTreeProps) =
<Select <Select
value={environment} value={environment}
onValueChange={accessTreeData.setEnvironment} onValueChange={accessTreeData.setEnvironment}
className="w-44" className="w-60"
position="popper" position="popper"
dropdownContainerClassName="max-w-none" dropdownContainerClassName="max-w-none"
aria-label="Environment" aria-label="Environment"
@@ -193,7 +193,7 @@ const AccessTreeContent = ({ permissions, subject, onClose }: AccessTreeProps) =
value={env.slug} value={env.slug}
className="relative py-2 pl-6 pr-8 text-sm hover:bg-mineshaft-700" className="relative py-2 pl-6 pr-8 text-sm hover:bg-mineshaft-700"
> >
<div className="ml-3 font-medium">{env.name}</div> <div className="ml-3 truncate font-medium">{env.name}</div>
</SelectItem> </SelectItem>
))} ))}
</Select> </Select>
@@ -146,7 +146,7 @@ export const GeneralPermissionPolicies = <T extends keyof NonNullable<TFormSchem
</Tag> </Tag>
</div> </div>
)} )}
{onShowAccessTree && ( {isOpen && onShowAccessTree && (
<Button <Button
leftIcon={<FontAwesomeIcon icon={faDiagramProject} />} leftIcon={<FontAwesomeIcon icon={faDiagramProject} />}
variant="outline_bg" variant="outline_bg"