diff --git a/packages/login/src/vaadin-lit-login-form-wrapper.js b/packages/login/src/vaadin-lit-login-form-wrapper.js index 7436cd8bd29..509740d51b1 100644 --- a/packages/login/src/vaadin-lit-login-form-wrapper.js +++ b/packages/login/src/vaadin-lit-login-form-wrapper.js @@ -53,7 +53,7 @@ class LoginFormWrapper extends ThemableMixin(PolylitMixin(LitElement)) {

${this.i18n.form.title}

-
${this.i18n.errorMessage.title}
+ ${this.i18n.errorMessage.title}

${this.i18n.errorMessage.message}

diff --git a/packages/login/src/vaadin-login-form-wrapper.js b/packages/login/src/vaadin-login-form-wrapper.js index 4f4921efe71..19750d6c4c7 100644 --- a/packages/login/src/vaadin-login-form-wrapper.js +++ b/packages/login/src/vaadin-login-form-wrapper.js @@ -25,7 +25,7 @@ class LoginFormWrapper extends ThemableMixin(PolymerElement) {

[[i18n.form.title]]

-
[[i18n.errorMessage.title]]
+ [[i18n.errorMessage.title]]

[[i18n.errorMessage.message]]

diff --git a/packages/login/test/dom/__snapshots__/login-form.test.snap.js b/packages/login/test/dom/__snapshots__/login-form.test.snap.js index aa4968d5f34..5787d973eb7 100644 --- a/packages/login/test/dom/__snapshots__/login-form.test.snap.js +++ b/packages/login/test/dom/__snapshots__/login-form.test.snap.js @@ -570,9 +570,9 @@ snapshots["vaadin-login-form shadow default"] = hidden="" part="error-message" > -
+ Incorrect username or password -
+

Check that you have entered the correct username and password and try again.

@@ -601,9 +601,9 @@ snapshots["vaadin-login-form shadow error"] = Log in
-
+ Incorrect username or password -
+

Check that you have entered the correct username and password and try again.

@@ -635,9 +635,9 @@ snapshots["vaadin-login-form shadow i18n"] = hidden="" part="error-message" > -
+ Väärä käyttäjätunnus tai salasana -
+

Tarkista että käyttäjätunnus ja salasana ovat oikein ja yritä uudestaan.

diff --git a/packages/login/theme/lumo/vaadin-login-form-wrapper-styles.js b/packages/login/theme/lumo/vaadin-login-form-wrapper-styles.js index f7b12df831a..597581eb83b 100644 --- a/packages/login/theme/lumo/vaadin-login-form-wrapper-styles.js +++ b/packages/login/theme/lumo/vaadin-login-form-wrapper-styles.js @@ -65,8 +65,10 @@ const loginFormWrapper = css` } [part='error-message-title'] { + display: block; margin: 0 0 0.25em; color: inherit; + line-height: var(--lumo-line-height-xs); } [part='error-message-description'] { diff --git a/packages/login/theme/material/vaadin-login-form-wrapper-styles.js b/packages/login/theme/material/vaadin-login-form-wrapper-styles.js index 05dd5f531ce..f7abcc21818 100644 --- a/packages/login/theme/material/vaadin-login-form-wrapper-styles.js +++ b/packages/login/theme/material/vaadin-login-form-wrapper-styles.js @@ -78,9 +78,12 @@ const loginFormWrapper = css` margin-right: calc(2.25rem * -0.95); } - [part='error-message'] h5 { + [part='error-message-title'] { + display: block; margin: 0 0 0.25em; color: inherit; + line-height: 1.1; + text-indent: -0.025em; } [part='error-message'] p {