diff --git a/packages/netlify-cms-backend-github/src/AuthenticationPage.js b/packages/netlify-cms-backend-github/src/AuthenticationPage.js index fba42b85..71325520 100644 --- a/packages/netlify-cms-backend-github/src/AuthenticationPage.js +++ b/packages/netlify-cms-backend-github/src/AuthenticationPage.js @@ -16,8 +16,9 @@ const ForkApprovalContainer = styled.div` `; const ForkButtonsContainer = styled.div` display: flex; - flex-flow: row nowrap; + flex-flow: column nowrap; justify-content: space-around; + align-items: center; `; export default class GitHubAuthenticationPage extends React.Component { @@ -109,7 +110,7 @@ export default class GitHubAuthenticationPage extends React.Component { if (requestingFork) { const { approveFork, refuseFork } = this.state; return { - renderPageContent: ({ LoginButton }) => ( + renderPageContent: ({ LoginButton, TextButton, showAbortButton }) => (

Open Authoring is enabled: we need to use a fork on your github account. (If a fork @@ -117,7 +118,9 @@ export default class GitHubAuthenticationPage extends React.Component {

Fork the repo - Don't fork the repo + {showAbortButton && ( + Don't fork the repo + )}
), diff --git a/packages/netlify-cms-ui-default/src/AuthenticationPage.js b/packages/netlify-cms-ui-default/src/AuthenticationPage.js index 18568372..18bfdf3f 100644 --- a/packages/netlify-cms-ui-default/src/AuthenticationPage.js +++ b/packages/netlify-cms-ui-default/src/AuthenticationPage.js @@ -62,6 +62,17 @@ const LoginButton = styled.button` position: relative; `; +const TextButton = styled.button` + ${buttons.button}; + ${buttons.default}; + ${buttons.grayText}; + + margin-top: 40px; + display: flex; + align-items: center; + position: relative; +`; + function AuthenticationPage({ onLogin, loginDisabled, @@ -76,7 +87,9 @@ function AuthenticationPage({ {renderPageLogo(logoUrl)} {loginErrorMessage ?

{loginErrorMessage}

: null} - {!renderPageContent ? null : renderPageContent({ LoginButton })} + {!renderPageContent + ? null + : renderPageContent({ LoginButton, TextButton, showAbortButton: !siteUrl })} {!renderButtonContent ? null : ( {renderButtonContent()}