mirror/checktheroads-hyperglass
1
0
Fork 0
mirror of https://github.com/checktheroads/hyperglass synced 2024-05-11 05:55:08 +00:00
Code Releases Activity

make footer button content scrollable, closes #107

Browse Source
This commit is contained in:
checktheroads
2021-01-18 22:48:14 -07:00
parent 18307c1978
commit e5b26e6a20
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
hyperglass/ui/components/footer/button.tsx
View File

@@ -14,6 +14,7 @@ export const FooterButton: React.FC<TFooterButton> = (props: TFooterButton) => {
return ( return (
<Menu placement={placement} preventOverflow isLazy> <Menu placement={placement} preventOverflow isLazy>
<MenuButton <MenuButton
zIndex={2}
as={Button} as={Button}
size={size} size={size}
variant="ghost" variant="ghost"
@@ -25,9 +26,12 @@ export const FooterButton: React.FC<TFooterButton> = (props: TFooterButton) => {
px={6} px={6}
py={4} py={4}
bg={bg} bg={bg}
// Ensure the height doesn't overtake the viewport, especially on mobile. See overflow also.
maxH="50vh"
color={color} color={color}
boxShadow="2xl" boxShadow="2xl"
textAlign="left" textAlign="left"
overflowY="auto"
mx={{ base: 1, lg: 2 }} mx={{ base: 1, lg: 2 }}
maxW={{ base: '100%', lg: '50vw' }} maxW={{ base: '100%', lg: '50vw' }}
{...rest} {...rest}