From c5f99e0dd4180addd63fc945f5459a5c8bfeb62d Mon Sep 17 00:00:00 2001
From: Tom Kirkpatrick <tkp@kirkdesigns.co.uk>
Date: Fri, 21 Sep 2018 17:46:12 +0200
Subject: [PATCH] fix(ui): ensure draggable titlebar

Bring bak the titlebar so that the window can be moved, but make it
transparent and pinned to the top of the window.
---
 app/components/App/App.scss                               | 3 +++
 app/components/Onboarding/FormContainer/FormContainer.js  | 1 +
 .../Onboarding/FormContainer/FormContainer.scss           | 8 ++++++++
 3 files changed, 12 insertions(+)

diff --git a/app/components/App/App.scss b/app/components/App/App.scss
index 74156432..db8d4ad8 100644
--- a/app/components/App/App.scss
+++ b/app/components/App/App.scss
@@ -11,6 +11,9 @@
 }
 
 .titleBar {
+  height: 20px;
+  width: 100%;
+  position: absolute;
   -webkit-user-select: none;
   -webkit-app-region: drag;
 }
diff --git a/app/components/Onboarding/FormContainer/FormContainer.js b/app/components/Onboarding/FormContainer/FormContainer.js
index 8de0262d..9163cacd 100644
--- a/app/components/Onboarding/FormContainer/FormContainer.js
+++ b/app/components/Onboarding/FormContainer/FormContainer.js
@@ -14,6 +14,7 @@ import styles from './FormContainer.scss'
 
 const FormContainer = ({ title, description, back, next, children, theme }) => (
   <div className={styles.container}>
+    <div className={styles.titleBar} />
     <header className={styles.header}>
       <section>
         <Isvg src={theme === 'light' ? zapLogoBlack : zapLogo} />
diff --git a/app/components/Onboarding/FormContainer/FormContainer.scss b/app/components/Onboarding/FormContainer/FormContainer.scss
index 4a498356..63ebf3db 100644
--- a/app/components/Onboarding/FormContainer/FormContainer.scss
+++ b/app/components/Onboarding/FormContainer/FormContainer.scss
@@ -6,6 +6,14 @@
   background: var(--darkestBackground);
 }
 
+.titleBar {
+  height: 20px;
+  width: 100%;
+  position: absolute;
+  -webkit-user-select: none;
+  -webkit-app-region: drag;
+}
+
 .header {
   display: flex;
   flex-direction: row;