[FIX] slash-menu-height-fix (#8327)
FIX #8326 I've used the `height: fit-content` property just for customSlashMenu but I think it will work for all dropdown menu's. I tested it for a few and works fine, but not sure for edge cases. Let me know if the height should be changed to `fir-content`  --------- Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
This commit is contained in:
@ -18,12 +18,11 @@ const StyledDropdownMenu = styled.div<{
|
|||||||
border: ${({ disableBorder, theme }) =>
|
border: ${({ disableBorder, theme }) =>
|
||||||
disableBorder ? 'none' : `1px solid ${theme.border.color.medium}`};
|
disableBorder ? 'none' : `1px solid ${theme.border.color.medium}`};
|
||||||
border-radius: ${({ theme }) => theme.border.radius.md};
|
border-radius: ${({ theme }) => theme.border.radius.md};
|
||||||
|
|
||||||
box-shadow: ${({ theme }) => theme.boxShadow.strong};
|
box-shadow: ${({ theme }) => theme.boxShadow.strong};
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
height: auto;
|
height: fit-content;
|
||||||
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
z-index: 30;
|
z-index: 30;
|
||||||
|
|||||||
Reference in New Issue
Block a user