Frameless window

app/main.js

@@ -14,6 +14,8 @@ function createWindow() {
     width: width > 2000 ? Math.floor(width * 0.5) : width - 250,
     height: height > 1000 ? Math.floor(height * 0.7) : height - 150,
     center: true,
+    frame: false,
+    titleBarStyle: 'hidden',
     webPreferences: {
       // Avoid app throttling when Electron is in background
       backgroundThrottling: false,
@@ -24,6 +26,10 @@ function createWindow() {
   win.on('blur', () => win.webContents.send('blur'));
   win.on('focus', () => win.webContents.send('focus'));
 
+  if (process.platform === 'darwin') {
+    win.setSheetOffset(40);
+  }
+
   const template = [
     {
       label: 'Edit',

src/components/header/header.less

@@ -1,5 +1,6 @@
 .header {
   margin-top: 5px;
+  -webkit-user-select: none;
 
   h2 {
     margin: 5px 0

src/components/loadingBar/loadingBar.less

@@ -1,7 +1,7 @@
 loading-bar {
   position: fixed;
   width: 100%;
-  top: 0;
+  top: -2px;
   left: 0;
 }
 

src/index.less

@@ -5,6 +5,8 @@
 
 body {
   min-width: 320px;
+  -webkit-app-region: drag;
+  padding-top: 22px;
   & > main, & > main > md-content {
     height: 100%;
   }
@@ -24,6 +26,10 @@ login, login md-card {
   height: auto;
 }
 
+button {
+  -webkit-app-region: no-drag;
+}
+
 body {
   .logout {
     margin-right: 0;