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
parent
commit
c5f99e0dd4
No known key found for this signature in database GPG Key ID: 72203A8EC5967EA8
  1. 3
      app/components/App/App.scss
  2. 1
      app/components/Onboarding/FormContainer/FormContainer.js
  3. 8
      app/components/Onboarding/FormContainer/FormContainer.scss

3
app/components/App/App.scss

@ -11,6 +11,9 @@
}
.titleBar {
height: 20px;
width: 100%;
position: absolute;
-webkit-user-select: none;
-webkit-app-region: drag;
}

1
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} />

8
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;

Loading…
Cancel
Save