Fix: ContextMenu cutoff on dashboard (#3421)

* adjust isDown criteria in ContextMenu Fixes #3274 * add mcmunder as contributer

Author: mcmunder

.all-contributorsrc

@@ -1512,6 +1512,16 @@
  "contributions": [
  "code"
  ]
+ },
+ {
+ "login": "mcmunder",
+ "name": "Matthias Christoph Munder",
+ "avatar_url": "https://avatars3.githubusercontent.com/u/5681686?v=4",
+ "profile": "http://mcmunder.de",
+ "contributions": [
+ "bug",
+ "code"
+ ]
  }
  ],
  "contributorsPerLine": 7,

README.md

@@ -248,9 +248,11 @@ Thanks goes to these wonderful people
  <td align="center"><a href="https://carloslfu.github.io"><img src="https://avatars3.githubusercontent.com/u/5993168?v=4" width="100px;" alt="Carlos Galarza"/><br /><sub><b>Carlos Galarza</b></sub></a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=carloslfu" title="Documentation">📖</a></td>
  <td align="center"><a href="https://github.com/soorajshankar"><img src="https://avatars2.githubusercontent.com/u/8408875?v=4" width="100px;" alt="soorajshankar"/><br /><sub><b>soorajshankar</b></sub></a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=soorajshankar" title="Code">💻</a></td>
  </tr>
+ <tr>
+ <td align="center"><a href="http://mcmunder.de"><img src="https://avatars3.githubusercontent.com/u/5681686?v=4" width="100px;" alt="Matthias Christoph Munder"/><br /><sub><b>Matthias Christoph Munder</b></sub></a><br /><a href="https://github.com/codesandbox/codesandbox-client/issues?q=author%3Amcmunder" title="Bug reports">🐛</a> <a href="https://github.com/codesandbox/codesandbox-client/commits?author=mcmunder" title="Code">💻</a></td>
+ </tr>
 </table>
 
 <!-- markdownlint-enable -->
 <!-- prettier-ignore-end -->
-
 <!-- ALL-CONTRIBUTORS-LIST:END -->

packages/app/src/app/components/ContextMenu/index.tsx

@@ -101,8 +101,9 @@ export class ContextMenu extends React.PureComponent<Props, State> {
  window.addEventListener('mousedown', this.mousedownHandler);
  window.addEventListener('keydown', this.keydownHandler);
 
- const isDown = height - event.clientY > 150;
+ const isDown = height - event.clientY > 300;
  const isLeft = width - event.clientX > 200;
+
  this.setState({
  show: true,
  x: event.clientX + 10,