From 179cec24c836f548022dd5d918f0d8968f6e3d45 Mon Sep 17 00:00:00 2001
From: Jack Mallers <jimmymowschess@gmail.com>
Date: Thu, 1 Feb 2018 13:23:14 -0600
Subject: [PATCH] fix(title-bar): new title bar

---
 app/main.dev.js                    | 2 +-
 app/routes/app/components/App.js   | 1 +
 app/routes/app/components/App.scss | 9 +++++++++
 app/variables.scss                 | 1 +
 4 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/app/main.dev.js b/app/main.dev.js
index 5a5573fd..d8f8621b 100644
--- a/app/main.dev.js
+++ b/app/main.dev.js
@@ -210,7 +210,7 @@ app.on('ready', async () => {
   console.log('icon: ', icon)
   mainWindow = new BrowserWindow({
     show: false,
-    frame: true,
+    titleBarStyle: 'hidden',
     width: 700,
     height: 1100,
     minHeight: 700,
diff --git a/app/routes/app/components/App.js b/app/routes/app/components/App.js
index cdc179bb..67333e36 100644
--- a/app/routes/app/components/App.js
+++ b/app/routes/app/components/App.js
@@ -39,6 +39,7 @@ class App extends Component {
 
     return (
       <div>
+        <div className={styles.titleBar} />
         <GlobalError error={error} clearError={clearError} />
         <ModalRoot
           modalType={modalType}
diff --git a/app/routes/app/components/App.scss b/app/routes/app/components/App.scss
index 52648e17..c5018759 100644
--- a/app/routes/app/components/App.scss
+++ b/app/routes/app/components/App.scss
@@ -1,3 +1,5 @@
+@import '../../../variables.scss';
+
 .content {
 	position: relative;
 	width: 85%;
@@ -5,4 +7,11 @@
 	display: inline-block;
 	vertical-align: top;
 	overflow-y: scroll;
+}
+
+.titleBar {
+  background: $spacegrey;
+  height: 20px;
+  -webkit-user-select: none;
+  -webkit-app-region: drag;
 }
\ No newline at end of file
diff --git a/app/variables.scss b/app/variables.scss
index 04c81bd6..a497deaa 100644
--- a/app/variables.scss
+++ b/app/variables.scss
@@ -9,6 +9,7 @@ $lightgrey: #F7F7F7;
 $darkgrey: #EBEBEB;
 $darkestgrey: #999999;
 $bluegrey: #555459;
+$spacegrey: #222E2B;
 
 $green: #0bb634;
 $terminalgreen: #00FF00;