diff options
| author | Brandon Millman <brandon.millman@gmail.com> | 2018-07-02 05:03:07 +0800 |
|---|---|---|
| committer | Brandon Millman <brandon.millman@gmail.com> | 2018-07-02 05:51:02 +0800 |
| commit | 955fdf5d13945fc7267e8ce0cc1f6016c57f3b72 (patch) | |
| tree | fb2640162a21136ba52535769d4f25650d31f47d /packages/website/ts/components/wallet | |
| parent | a6f40d418704a8dca8c787663f00b6bcbdf18ba4 (diff) | |
| download | dexon-sol-tools-955fdf5d13945fc7267e8ce0cc1f6016c57f3b72.tar dexon-sol-tools-955fdf5d13945fc7267e8ce0cc1f6016c57f3b72.tar.gz dexon-sol-tools-955fdf5d13945fc7267e8ce0cc1f6016c57f3b72.tar.bz2 dexon-sol-tools-955fdf5d13945fc7267e8ce0cc1f6016c57f3b72.tar.lz dexon-sol-tools-955fdf5d13945fc7267e8ce0cc1f6016c57f3b72.tar.xz dexon-sol-tools-955fdf5d13945fc7267e8ce0cc1f6016c57f3b72.tar.zst dexon-sol-tools-955fdf5d13945fc7267e8ce0cc1f6016c57f3b72.zip | |
Give connected header accessory more padding
Diffstat (limited to 'packages/website/ts/components/wallet')
| -rw-r--r-- | packages/website/ts/components/wallet/wallet.tsx | 22 |
1 files changed, 13 insertions, 9 deletions
diff --git a/packages/website/ts/components/wallet/wallet.tsx b/packages/website/ts/components/wallet/wallet.tsx index fca6c5745..ab234ae1b 100644 --- a/packages/website/ts/components/wallet/wallet.tsx +++ b/packages/website/ts/components/wallet/wallet.tsx @@ -207,15 +207,19 @@ export class Wallet extends React.Component<WalletProps, WalletState> { <Container marginRight="15px"> <DropDown activeNode={ - <Text - className="zmdi zmdi-more-horiz" - Tag="i" - fontSize="32px" - fontFamily="Material-Design-Iconic-Font" - fontColor={colors.darkGrey} - onClick={onClick} - hoverColor={colors.mediumBlue} - /> + // this container gives the menu button more of a hover target for the drop down + // it prevents accidentally closing the menu by moving off of the button + <Container paddingLeft="100px"> + <Text + className="zmdi zmdi-more-horiz" + Tag="i" + fontSize="32px" + fontFamily="Material-Design-Iconic-Font" + fontColor={colors.darkGrey} + onClick={onClick} + hoverColor={colors.mediumBlue} + /> + </Container> } popoverContent={ <SimpleMenu minWidth="150px"> |