We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
2 parents 4d7facb + a31b8a6 commit 9ea5194Copy full SHA for 9ea5194
src/components/Dropdown/Dropdown.tsx
@@ -12,6 +12,7 @@ export const Dropdown = (props: DropdownMenu.DropdownMenuProps) => (
12
const DropdownMenuItem = styled(GenericMenuItem)`
13
position: relative;
14
display: flex;
15
+ min-height: 32px;
16
&[data-state="open"] {
17
${({ theme }) => `
18
font: ${theme.click.genericMenu.item.typography.label.hover};
@@ -93,6 +94,10 @@ const DropdownMenuContent = styled(GenericMenuPanel)`
93
94
min-width: ${({ theme }) => theme.click.genericMenu.item.size.minWidth};
95
flex-direction: column;
96
z-index: 1;
97
+ overflow-y: scroll;
98
+ max-height: calc(
99
+ (var(--radix-${({ $type }) => $type}-content-available-height) - 100px)
100
+ );
101
`;
102
103
const DropdownContent = ({
0 commit comments