♿ Improve credentials dropdown accessibility if long name
This commit is contained in:
@@ -98,7 +98,7 @@ export const CredentialsDropdown = ({
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Menu isLazy placement="bottom-end" matchWidth>
|
<Menu isLazy>
|
||||||
<MenuButton
|
<MenuButton
|
||||||
as={Button}
|
as={Button}
|
||||||
rightIcon={<ChevronLeftIcon transform={'rotate(-90deg)'} />}
|
rightIcon={<ChevronLeftIcon transform={'rotate(-90deg)'} />}
|
||||||
@@ -111,7 +111,7 @@ export const CredentialsDropdown = ({
|
|||||||
{currentCredential ? currentCredential.name : defaultCredentialsLabel}
|
{currentCredential ? currentCredential.name : defaultCredentialsLabel}
|
||||||
</Text>
|
</Text>
|
||||||
</MenuButton>
|
</MenuButton>
|
||||||
<MenuList maxW="500px">
|
<MenuList>
|
||||||
<Stack maxH={'35vh'} overflowY="scroll" spacing="0">
|
<Stack maxH={'35vh'} overflowY="scroll" spacing="0">
|
||||||
{defaultCredentialLabel && (
|
{defaultCredentialLabel && (
|
||||||
<MenuItem
|
<MenuItem
|
||||||
|
|||||||
Reference in New Issue
Block a user