| Index: trunk/mockups/glaucus-quick/menu-arrow.png |
| Cannot display: file marked as a binary type. |
| svn:mime-type = image/png |
| Property changes on: trunk/mockups/glaucus-quick/menu-arrow.png |
| ___________________________________________________________________ |
| Added: svn:mime-type |
| 1 | 1 | + image/png |
| Index: trunk/mockups/glaucus-quick/glaucus.css |
| — | — | @@ -92,7 +92,7 @@ |
| 93 | 93 | /* Menu pane contains the popup menus, and takes background click events to clear */ |
| 94 | 94 | #menu-pane { |
| 95 | 95 | position: absolute; |
| 96 | | - top: 45px; |
| | 96 | + top: 44px; |
| 97 | 97 | bottom: 0; |
| 98 | 98 | right: 0; |
| 99 | 99 | left: 0; |
| — | — | @@ -106,10 +106,17 @@ |
| 107 | 107 | top: 0px; |
| 108 | 108 | |
| 109 | 109 | background: black; |
| | 110 | + background-image: url(menu-arrow.png); |
| | 111 | + background-repeat: no-repeat; |
| | 112 | + background-position: top center; |
| 110 | 113 | color: white; |
| 111 | 114 | |
| | 115 | + border: solid 2px #323232; |
| | 116 | + border-top: none; |
| 112 | 117 | padding: 12px; |
| 113 | 118 | margin: 0; |
| | 119 | + |
| | 120 | + box-shadow: 2px 5px 5px #888; |
| 114 | 121 | } |
| 115 | 122 | |
| 116 | 123 | .menu li { |
| Index: trunk/mockups/glaucus-quick/app.js |
| — | — | @@ -8,7 +8,7 @@ |
| 9 | 9 | } |
| 10 | 10 | } |
| 11 | 11 | function setupMenu(button, menu) { |
| 12 | | - $(button).bind('click touchstart', function(e) { |
| | 12 | + $(button).bind('click touchstart mousedown', function(e) { |
| 13 | 13 | e.preventDefault(); |
| 14 | 14 | |
| 15 | 15 | hideMenus(); |
| — | — | @@ -19,7 +19,8 @@ |
| 20 | 20 | }); |
| 21 | 21 | } |
| 22 | 22 | |
| 23 | | - $('#menu-pane').bind('click touchstart', function(e) { |
| | 23 | + $('#menu-pane').bind('click touchstart mousedown', function(e) { |
| | 24 | + e.preventDefault(); |
| 24 | 25 | hideMenus(); |
| 25 | 26 | $('#menu-pane').hide(); |
| 26 | 27 | }); |