diff --git a/Resources/Private/Fusion/Presentation/Components/CancelLoginButton.fusion b/Resources/Private/Fusion/Presentation/Components/CancelLoginButton.fusion index 36450c3..b96a5f1 100644 --- a/Resources/Private/Fusion/Presentation/Components/CancelLoginButton.fusion +++ b/Resources/Private/Fusion/Presentation/Components/CancelLoginButton.fusion @@ -12,7 +12,7 @@ prototype(Sandstorm.NeosTwoFactorAuthentication:Component.CancelLoginButton) < p {I18n.id('login.cancel').value('Cancel and return to login').package('Sandstorm.NeosTwoFactorAuthentication').translate()} diff --git a/Resources/Public/Styles/Login.css b/Resources/Public/Styles/Login.css index 8792fb9..815f04b 100644 --- a/Resources/Public/Styles/Login.css +++ b/Resources/Public/Styles/Login.css @@ -101,16 +101,29 @@ justify-content: center; } +/* Mirrors Neos core's `.neos-login-box .neos-actions button` (the cancel form sits outside + .neos-actions), with the grey secondary background instead of the blue primary one. */ .neos-two-factor__login button.neos-two-factor__cancel-login__button { + display: block; + width: 100%; + height: 40px; margin-top: 24px; - border: none; - background: transparent !important; + line-height: 40px; + text-align: center; + font-family: "Noto Sans", sans-serif; + font-size: 14px; + -webkit-font-smoothing: antialiased; color: #fff; + background-color: #323232; + background-image: none; + border: 1px solid #3f3f3f; + box-shadow: none; + text-shadow: none; + box-sizing: border-box; } -.neos-two-factor__login button.neos-two-factor__cancel-login__button:hover, -.neos-two-factor__login button.neos-two-factor__cancel-login__button:focus { - text-decoration: underline; +.neos-two-factor__login button.neos-two-factor__cancel-login__button:hover { + background-color: #3f3f3f; } /* Keyboard focus ring for buttons and button-styled links. Scoped to .neos-two-factor__login