Update app menu (#138)

Author: rkclark

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2018 Rick Clark
+Copyright (c) 2021 Rick Clark
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

public/electronHelpers/menuTemplate.js

@@ -49,4 +49,14 @@ module.exports = [
       { role: 'resetzoom' },
     ],
   },
+  {
+    label: 'Developer',
+    submenu: [
+      {
+        label: 'Toggle dev tools',
+        role: 'toggleDevTools',
+        accelerator: 'Alt+CmdOrCtrl+I',
+      },
+    ],
+  },
 ];

src/components/Layout/index.js

@@ -34,7 +34,12 @@ export function Layout({ data, error, location }) {
     );
   };
 
-  return <div className={style.layout}>{renderContent()}</div>;
+  return (
+    <div className={style.layout}>
+      <div className={style.dragArea} />
+      {renderContent()}
+    </div>
+  );
 }
 
 Layout.propTypes = {

src/components/Layout/style.css

@@ -10,3 +10,13 @@
 .routeContainer {
   padding: var(--spacing-3);
 }
+
+.dragArea {
+  position: fixed;
+  height: 2rem;
+  width: 100%;
+  top: 0;
+  left: 0;
+  -webkit-user-select: none;
+  -webkit-app-region: drag;
+}

src/components/Nav/index.js

@@ -9,7 +9,6 @@ import styles from './styles.css';
 export default function Nav({ currentPath, currentUser }) {
   return (
     <div className={styles.header} id="header">
-      <div className={styles.draggable} />
       <div className={styles.links}>
         <div className={styles.linkContainer}>
           <Link

src/components/Nav/styles.css

@@ -13,16 +13,6 @@
   height: 5.5rem;
 }
 
-.draggable {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 2rem;
-  width: 100%;
-  -webkit-user-select: none;
-  -webkit-app-region: drag;
-}
-
 .links {
   display: inline-flex;
   flex-basis: 100%;