diff --git a/app/assets/javascripts/discourse/app/components/create-account.js b/app/assets/javascripts/discourse/app/components/create-account.js index 36ac076d183..745cd75ef38 100644 --- a/app/assets/javascripts/discourse/app/components/create-account.js +++ b/app/assets/javascripts/discourse/app/components/create-account.js @@ -6,19 +6,19 @@ export default Component.extend({ classNames: ["create-account-body"], userInputFocus(event) { - let label = event.target.parentElement.previousElementSibling; - if (!label.classList.contains("value-entered")) { - label.classList.toggle("value-entered"); + const controls = event.target.parentElement; + if (!controls.classList.contains("value-entered")) { + controls.classList.toggle("value-entered"); } }, userInputFocusOut(event) { - let label = event.target.parentElement.previousElementSibling; + const controls = event.target.parentElement; if ( event.target.value.length === 0 && - label.classList.contains("value-entered") + controls.classList.contains("value-entered") ) { - label.classList.toggle("value-entered"); + controls.classList.toggle("value-entered"); } }, diff --git a/app/assets/javascripts/discourse/app/templates/components/user-fields/text.hbs b/app/assets/javascripts/discourse/app/templates/components/user-fields/text.hbs index b504e8f15c5..2e851e186f3 100644 --- a/app/assets/javascripts/discourse/app/templates/components/user-fields/text.hbs +++ b/app/assets/javascripts/discourse/app/templates/components/user-fields/text.hbs @@ -1,9 +1,9 @@ -
+
{{html-safe this.field.description}}
diff --git a/app/assets/javascripts/discourse/app/templates/invites/show.hbs b/app/assets/javascripts/discourse/app/templates/invites/show.hbs index ac357949956..737efb67349 100644 --- a/app/assets/javascripts/discourse/app/templates/invites/show.hbs +++ b/app/assets/javascripts/discourse/app/templates/invites/show.hbs @@ -102,7 +102,7 @@
{{this.passwordInstructions}} -
+
{{d-icon "exclamation-triangle"}} {{i18n "login.caps_lock_warning"}}
@@ -119,7 +119,13 @@
{{/if}} - +
+ +
+ {{i18n "login.previous_sign_up"}} + +
+
{{html-safe this.disclaimerHtml}} diff --git a/app/assets/javascripts/discourse/app/templates/modal/create-account.hbs b/app/assets/javascripts/discourse/app/templates/modal/create-account.hbs index 41da1f8a1d2..a3a0b8f52bb 100644 --- a/app/assets/javascripts/discourse/app/templates/modal/create-account.hbs +++ b/app/assets/javascripts/discourse/app/templates/modal/create-account.hbs @@ -78,7 +78,7 @@ {{this.passwordInstructions}} -
+
{{d-icon "exclamation-triangle"}} {{i18n "login.caps_lock_warning"}}
{{/if}} diff --git a/app/assets/javascripts/discourse/app/templates/password-reset.hbs b/app/assets/javascripts/discourse/app/templates/password-reset.hbs index fb74ee28742..cdb63e219fd 100644 --- a/app/assets/javascripts/discourse/app/templates/password-reset.hbs +++ b/app/assets/javascripts/discourse/app/templates/password-reset.hbs @@ -41,7 +41,7 @@
-
+
{{d-icon "exclamation-triangle"}} {{i18n "login.caps_lock_warning"}}
diff --git a/app/assets/stylesheets/common/base/login.scss b/app/assets/stylesheets/common/base/login.scss index f56b7a5a3c5..1cf5d7336c8 100644 --- a/app/assets/stylesheets/common/base/login.scss +++ b/app/assets/stylesheets/common/base/login.scss @@ -5,6 +5,7 @@ $invite-mobile-bg: absolute-image-url("/branded-background-mobile.svg"); color: var(--danger); font-size: var(--font-down-1); font-weight: bold; + margin-top: 0.5em; } .discourse-no-touch #login-form { @@ -48,7 +49,7 @@ body.invite-page { background-repeat: no-repeat; background-position: bottom; } - .d-header { + .d-header .panel.clearfix { display: none; } } @@ -152,9 +153,6 @@ body.invite-page { display: flex; flex-direction: column; margin-bottom: 0.8em; - &:last-child { - margin-bottom: 2em; - } input, .select-kit-header { padding: 0.75em 0.77em; @@ -249,6 +247,14 @@ body.invite-page { .user-fields .input-group { .user-field { &.text { + &.value-entered label.control-label { + top: -8px; + left: calc(1em - 0.25em); + background-color: var(--secondary); + padding: 0 0.25em 0 0.25em; + font-size: 14px; + color: var(--primary-medium); + } label.control-label { color: var(--primary-medium); font-size: 16px; @@ -263,15 +269,6 @@ body.invite-page { overflow: hidden; text-overflow: ellipsis; } - &.value-entered label.control-label, - label.control-label.value-entered { - top: -8px; - left: calc(1em - 0.25em); - background-color: var(--secondary); - padding: 0 0.25em 0 0.25em; - font-size: 14px; - color: var(--primary-medium); - } } span.name { color: var(--primary-medium); @@ -339,6 +336,7 @@ body.invite-page { } } +// admin invite page .invites-show { display: grid; justify-content: center; @@ -359,8 +357,7 @@ body.invite-page { .invite-form { margin-bottom: 50px; box-shadow: 0 4px 19px 6px rgba(0, 0, 0, 0.05); - padding: 1em 3em; - max-width: calc(33em - 6em); + max-width: calc(30em); .tip { display: block; } @@ -389,10 +386,6 @@ body.invite-page { } form { - margin-top: 24px; - button.btn-primary { - margin-top: 10px; - } .controls, .input { margin-bottom: 10px; @@ -409,6 +402,25 @@ body.invite-page { margin-bottom: 0.25em; } } + + .invitation-cta { + display: flex; + align-items: center; + margin-top: 2em; + &__accept { + margin-right: 1em; + } + &__signed-up { + margin-right: 0.5em; + } + &__sign-in { + padding: 0; + &.btn-flat.btn-text:not([disabled]):active { + background-color: transparent; + background-image: none; + } + } + } } .auth-message { diff --git a/config/locales/client.en.yml b/config/locales/client.en.yml index d23ec802ea3..96521f563f7 100644 --- a/config/locales/client.en.yml +++ b/config/locales/client.en.yml @@ -2038,6 +2038,7 @@ en: blank_username_or_password: "Please enter your email or username, and password." reset_password: "Reset Password" logging_in: "Signing In..." + previous_sign_up: "Already have an account?" or: "Or" authenticating: "Authenticating..." awaiting_activation: "Your account is awaiting activation, use the forgot password link to issue another activation email."