Handle larger names better

This commit is contained in:
Jackson Harper 2024-02-07 14:25:09 +08:00
parent ae991fb5cd
commit 3bad0cd8b8

View file

@ -24,8 +24,6 @@ type PrimaryDropdownProps = {
layout?: LayoutType
updateLayout?: (layout: LayoutType) => void
showAddLinkModal?: () => void
}
export type HeaderDropdownAction =
@ -68,9 +66,13 @@ const TriggerButton = (props: TriggerButtonProps): JSX.Element => {
<SpanBox
css={{
display: 'flex',
justifyContent: 'center',
justifyContent: 'start',
fontFamily: '$inter',
fontSize: '12px',
maxWidth: '100px',
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
}}
>
{props.name}
@ -169,6 +171,7 @@ export function PrimaryDropdown(props: PrimaryDropdownProps): JSX.Element {
color: '$thTextContrast2',
m: '0px',
p: '0px',
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
}}