From c6d45ceba31f9c502a988e0461c411d0e3b511d0 Mon Sep 17 00:00:00 2001
From: netpro2k <netpro2k@gmail.com>
Date: Wed, 25 Apr 2018 16:40:25 -0700
Subject: [PATCH] Add support for the url property and add gradient to make
text easier to read
---
src/assets/stylesheets/hub-create.scss | 4 +++-
src/react-components/hub-create-panel.js | 17 ++++++++++++++---
2 files changed, 17 insertions(+), 4 deletions(-)
diff --git a/src/assets/stylesheets/hub-create.scss b/src/assets/stylesheets/hub-create.scss
index 7797967a6..b388fbbfc 100644
--- a/src/assets/stylesheets/hub-create.scss
+++ b/src/assets/stylesheets/hub-create.scss
@@ -162,7 +162,9 @@
width: 100%;
height: 100%;
top: 0;
- left: 0;
+ left: 0;
+ background: rgb(2,0,36);
+ background: linear-gradient(0deg, rgba(2,0,36,0) 0%, rgba(1,0,11,0.2189076314119398) 60%, rgba(0,0,0,0.5242297602634804) 100%);
&__footer {
position: absolute;
diff --git a/src/react-components/hub-create-panel.js b/src/react-components/hub-create-panel.js
index af7f88bd8..1b87bd4d8 100644
--- a/src/react-components/hub-create-panel.js
+++ b/src/react-components/hub-create-panel.js
@@ -194,9 +194,20 @@ class HubCreatePanel extends Component {
/>
<div className="create-panel__form__environment__picker__labels">
<div className="create-panel__form__environment__picker__labels__header">
- <span className="create-panel__form__environment__picker__labels__header__title">
- {environmentTitle}
- </span>
+ {meta.url ? (
+ <a
+ href={meta.url}
+ target="_blank"
+ rel="noopener noreferrer"
+ className="create-panel__form__environment__picker__labels__header__title"
+ >
+ {environmentTitle}
+ </a>
+ ) : (
+ <span className="create-panel__form__environment__picker__labels__header__title">
+ environmentTitle
+ </span>
+ )}
{environmentAuthor &&
environmentAuthor.name &&
(environmentAuthor.url ? (
--
GitLab