diff --git a/src/assets/stylesheets/hub-create.scss b/src/assets/stylesheets/hub-create.scss index c560e2495118c91aa0316a670024f962bb3a433d..899f0bce6e444815ba455563e6c238de32db4889 100644 --- a/src/assets/stylesheets/hub-create.scss +++ b/src/assets/stylesheets/hub-create.scss @@ -163,6 +163,8 @@ height: 100%; top: 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; @@ -194,7 +196,17 @@ @media (max-width: 520px) { display: none; } - } + } + + &__org { + color: $light-text; + font-size: 1.0em; + display: inline; + + @media (max-width: 520px) { + display: none; + } + } a { pointer-events: all; diff --git a/src/react-components/hub-create-panel.js b/src/react-components/hub-create-panel.js index f925d6ae55d82e7019f68658d3f7c03a986a038e..7e44ce63093ad5ad3df772807794140cab9af2b9 100644 --- a/src/react-components/hub-create-panel.js +++ b/src/react-components/hub-create-panel.js @@ -194,15 +194,25 @@ 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} + 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 ? ( <a href={environmentAuthor.url} - target="_blank" + rel="noopener noreferrer" className="create-panel__form__environment__picker__labels__header__author" > <FormattedMessage id="home.environment_author_by" /> @@ -214,6 +224,21 @@ class HubCreatePanel extends Component { <span>{environmentAuthor.name}</span> </span> ))} + {environmentAuthor && + environmentAuthor.organization && + (environmentAuthor.organization.url ? ( + <a + href={environmentAuthor.organization.url} + rel="noopener noreferrer" + className="create-panel__form__environment__picker__labels__header__org" + > + <span>{environmentAuthor.organization.name}</span> + </a> + ) : ( + <span className="create-panel__form__environment__picker__labels__header__org"> + <span>{environmentAuthor.organization.name}</span> + </span> + ))} </div> <div className="create-panel__form__environment__picker__labels__footer"> <FormattedMessage id="home.environment_picker_footer" />