aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorFabio Berger <me@fabioberger.com>2018-10-11 19:49:56 +0800
committerFabio Berger <me@fabioberger.com>2018-10-11 19:49:56 +0800
commit9b147f14955c5f6a0b38e03ae30ac13b1be183d1 (patch)
tree36a44201d198bcfe4e87934b6cc70fdc06191447
parent636ce6331bf854d6b7b12a1e87929a5a55184062 (diff)
downloaddexon-0x-contracts-9b147f14955c5f6a0b38e03ae30ac13b1be183d1.tar.gz
dexon-0x-contracts-9b147f14955c5f6a0b38e03ae30ac13b1be183d1.tar.zst
dexon-0x-contracts-9b147f14955c5f6a0b38e03ae30ac13b1be183d1.zip
fix(website): remove deadzone between "Developers" menu item and dropdown so it never closes when hovering between the two
-rw-r--r--packages/website/ts/components/dropdowns/developers_drop_down.tsx2
-rw-r--r--packages/website/ts/components/top_bar/top_bar.tsx2
2 files changed, 2 insertions, 2 deletions
diff --git a/packages/website/ts/components/dropdowns/developers_drop_down.tsx b/packages/website/ts/components/dropdowns/developers_drop_down.tsx
index df5dc173d..2bdcb8a4c 100644
--- a/packages/website/ts/components/dropdowns/developers_drop_down.tsx
+++ b/packages/website/ts/components/dropdowns/developers_drop_down.tsx
@@ -85,7 +85,7 @@ export class DevelopersDropDown extends React.Component<DevelopersDropDownProps,
anchorOrigin={{ horizontal: 'left', vertical: 'bottom' }}
targetOrigin={{ horizontal: 'left', vertical: 'top' }}
style={this.props.menuItemStyles}
- popoverStyle={{ borderRadius: 4, width: 427, height: 373, marginTop: 10 }}
+ popoverStyle={{ borderRadius: 4, width: 397, height: 373, marginTop: 0 }}
/>
);
}
diff --git a/packages/website/ts/components/top_bar/top_bar.tsx b/packages/website/ts/components/top_bar/top_bar.tsx
index 3297befad..80271fa63 100644
--- a/packages/website/ts/components/top_bar/top_bar.tsx
+++ b/packages/website/ts/components/top_bar/top_bar.tsx
@@ -154,7 +154,7 @@ export class TopBar extends React.Component<TopBarProps, TopBarState> {
<div className="flex items-center justify-between">
<DevelopersDropDown
location={this.props.location}
- menuItemStyles={styles.menuItem}
+ menuItemStyles={{ ...styles.menuItem, paddingBottom: 12, paddingTop: 12 }}
translate={this.props.translate}
menuIconStyle={menuIconStyle}
/>