Merge branch 'prakhar/purr-data-shadow_menu' into emscripten

emscripten/project/purr-data/components/canvas/pd_canvas.html

@@ -5,7 +5,7 @@
     <ul class="patch-menu" id="patch-menu">
       <!-- File section -->
       <li id="menu-file">
-        <ul>
+        <ul class="shadow">
           <li id="file-save"></li>
           <li id="file-saveas"></li>
           <li id="file-download"></li>
@@ -17,7 +17,7 @@
 
       <!-- Edit section -->
       <li id="menu-edit">
-        <ul>
+        <ul class="shadow">
           <li id="edit-undo"></li>
           <li id="edit-redo"></li>
           <li id="edit-cut"></li>
@@ -43,7 +43,7 @@
 
       <!-- View Section -->
       <li id="menu-view">
-        <ul>
+        <ul class="shadow">
           <li id="view-zoomin"></li>
           <li id="view-zoomout"></li>
           <li id="view-zoomreset"></li>
@@ -56,7 +56,7 @@
 
       <!-- Put Section -->
       <li id="menu-put">
-        <ul>
+        <ul class="shadow">
           <li id="put-object"></li>
           <li id="put-msgbox"></li>
           <li id="put-number"></li>
@@ -78,7 +78,7 @@
 
       <!-- Window Section -->
       <li id="menu-window">
-        <ul>
+        <ul class="shadow">
           <li id="window-nextwin"></li>
           <li id="window-prevwin"></li>
           <li id="window-parentwin"></li>

emscripten/project/purr-data/components/menu/menu.html

@@ -3,7 +3,7 @@
         <ul class="menu" id="menu">
             <!-- File section -->
             <li id="menu-file">
-                <ul>
+                <ul class="shadow">
                     <li id="file-new"></li>
                     <label>
                         <li id="file-open">
@@ -24,7 +24,7 @@
 
             <!-- Edit section -->
             <li id="menu-edit">
-                <ul>
+                <ul class="shadow">
                     <li id="edit-copy"></li>
                     <li id="edit-selectall"></li>
                     <li id="edit-clear-console"></li>
@@ -35,7 +35,7 @@
 
             <!-- View Section -->
             <li id="menu-view">
-                <ul>
+                <ul class="shadow">
                     <li id="view-zoomin"></li>
                     <li id="view-zoomout"></li>
                     <li id="view-zoomreset"></li>
@@ -46,7 +46,7 @@
 
             <!-- Media section -->
             <li id="menu-media">
-                <ul>
+                <ul class="shadow">
                     <li id="media-audio-on"></li>
                     <li id="media-audio-off"></li>
 
@@ -57,7 +57,7 @@
 
             <!-- Window section -->
             <li id="menu-window">
-                <ul>
+                <ul class="shadow">
                     <li id="window-nextwin"></li>
                     <li id="window-prevwin"></li>
                 </ul>
@@ -65,7 +65,7 @@
 
             <!-- Help section -->
             <li id="menu-help">
-                <ul>
+                <ul class="shadow">
                     <li id="help-about"></li>
                     <li id="help-manual"></li>
                     <li id="help-browser"></li>

emscripten/project/purr-data/css/webapp/webapp.css

@@ -191,6 +191,7 @@ li .hr{
     z-index: 999999;
     position: absolute;
     list-style:none;
+    box-shadow: 0 4px 8px 0 rgba(49, 49, 49, 0.15), 0 6px 20px 0 rgba(0, 0, 0, 0.14);
 }
 
 #popup li{