From 35aac1ea729957c589698391781fde7e10bb2a0b Mon Sep 17 00:00:00 2001
From: Greg Fodor <gfodor@gmail.com>
Date: Fri, 30 Mar 2018 09:31:00 -0700
Subject: [PATCH] Add overlays for environment picker
---
src/assets/stylesheets/hub-create.scss | 17 ++++++++++++++++-
src/react-components/hub-create-panel.js | 4 +++-
2 files changed, 19 insertions(+), 2 deletions(-)
diff --git a/src/assets/stylesheets/hub-create.scss b/src/assets/stylesheets/hub-create.scss
index 37ce5c39b..78c7ad8ac 100644
--- a/src/assets/stylesheets/hub-create.scss
+++ b/src/assets/stylesheets/hub-create.scss
@@ -41,7 +41,6 @@
}
}
-
.create-panel__form__name {
@extend %rounded-border;
@extend %default-font;
@@ -171,3 +170,19 @@
top: -3%;
left: -3%;
}
+
+.create-panel__form__environment__picker__labels {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+}
+
+.create-panel__form__environment__picker__controls {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+}
diff --git a/src/react-components/hub-create-panel.js b/src/react-components/hub-create-panel.js
index 946f2737f..ce80de428 100644
--- a/src/react-components/hub-create-panel.js
+++ b/src/react-components/hub-create-panel.js
@@ -18,7 +18,7 @@ class HubCreatePanel extends Component {
this.state = {
name: generateHubName(),
environmentIndex: Math.floor(Math.random() * props.environments.length),
- expanded: false
+ expanded: true
};
}
@@ -117,6 +117,8 @@ class HubCreatePanel extends Component {
<div className="create-panel__form__environment">
<div className="create-panel__form__environment__picker">
<img className="create-panel__form__environment__picker__image" srcSet={environmentImageSrcSet} />
+ <div className="create-panel__form__environment__picker__labels">labels</div>
+ <div className="create-panel__form__environment__picker__controls">controls</div>
</div>
</div>
)}
--
GitLab