Apply backdrop for dropdown menu (#1063)

bodhiproject · Oct 15, 2018 · 9e9c89a · 9e9c89a
1 parent a52c2ac
commit 9e9c89a
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/NavBar/DropdownMenu.js b/src/components/NavBar/DropdownMenu.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { withStyles, Hidden, IconButton, Badge } from '@material-ui/core';
+import { withStyles, Hidden, IconButton, Badge, Backdrop } from '@material-ui/core';
 import { ExpandMore, ExpandLess } from '@material-ui/icons';
 import { inject, observer } from 'mobx-react';
 import { FormattedMessage } from 'react-intl';
@@ -70,5 +70,6 @@ export const DropdownMenu = withStyles(styles)(inject('store')(observer(({ class
     <div className={classes.navDropdownLinkItem} onClick={ui.onHelpButtonClick}>
       <FormattedMessage id="help" defaultMessage="Help" />
     </div>
+    <Backdrop invisible open={ui.dropdownMenuOpen} onClick={ui.toggleDropdownMenu} />
   </div>
 ))));