From 77f00ba2eaa408842e63d77c5e1a66090f7283fc Mon Sep 17 00:00:00 2001
From: glennsl <glennsl@outrunlabs.com>
Date: Tue, 21 Jan 2020 10:47:59 +0100
Subject: [PATCH] add box shadow

---
 src/Components/ContextMenu.re | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/Components/ContextMenu.re b/src/Components/ContextMenu.re
index d6b2eef7c0..809bdea6c7 100644
--- a/src/Components/ContextMenu.re
+++ b/src/Components/ContextMenu.re
@@ -141,6 +141,13 @@ module Menu = {
       backgroundColor(theme.menuBackground),
       color(theme.menuForeground),
       width(Constants.menuWidth),
+      boxShadow(
+        ~xOffset=-5.,
+        ~yOffset=-5.,
+        ~blurRadius=25.,
+        ~spreadRadius=-10.,
+        ~color=Color.rgba(0., 0., 0., 0.0001),
+      ),
     ];
   };
 
@@ -172,16 +179,6 @@ module Menu = {
         };
 
       (
-        // TODO: BoxShadow apparently blocks mouse events. Figure out why before adding back
-        // <BoxShadow
-        //   boxShadow={Style.BoxShadow.make(
-        //     ~xOffset=-11.,
-        //     ~yOffset=-11.,
-        //     ~blurRadius=25.,
-        //     ~spreadRadius=0.,
-        //     ~color=Color.rgba(0., 0., 0., 0.2),
-        //     (),
-        //   )}>
         <View
           style={Styles.container(~x, ~y, ~theme)}
           ref={node => setRef(_ => Some(node))}>
@@ -192,7 +189,6 @@ module Menu = {
               })
            |> React.listToElement}
         </View>,
-        // </BoxShadow>,
         hooks,
       );
     });