Browse Source
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.
renovate/lint-staged-8.x
Tom Kirkpatrick
6 years ago
No known key found for this signature in database
GPG Key ID: 72203A8EC5967EA8
3 changed files with
12 additions and
0 deletions
-
app/components/App/App.scss
-
app/components/Onboarding/FormContainer/FormContainer.js
-
app/components/Onboarding/FormContainer/FormContainer.scss
|
|
@ -11,6 +11,9 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.titleBar { |
|
|
|
height: 20px; |
|
|
|
width: 100%; |
|
|
|
position: absolute; |
|
|
|
-webkit-user-select: none; |
|
|
|
-webkit-app-region: drag; |
|
|
|
} |
|
|
|
|
|
@ -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} /> |
|
|
|
|
|
@ -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; |
|
|
|