Move cloud login forgot password link into card actions area (#19642)

* Move cloud login forgot password link into card actions area

Aligns login forgot password link styling with create resend confirmation styling.

* Amend cloud-login buttons / links to show on single line
This commit is contained in:
Cody C 2024-02-07 03:30:55 +13:00 committed by GitHub
parent c738127c09
commit 3ef61aaf02
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -144,15 +144,6 @@ export class CloudLogin extends LitElement {
"ui.panel.config.cloud.login.password_error_msg"
)}
></ha-textfield>
<button
class="link pwd-forgot-link"
.disabled=${this._requestInProgress}
@click=${this._handleForgotPassword}
>
${this.hass.localize(
"ui.panel.config.cloud.login.forgot_password"
)}
</button>
</div>
<div class="card-actions">
<ha-progress-button
@ -162,6 +153,15 @@ export class CloudLogin extends LitElement {
"ui.panel.config.cloud.login.sign_in"
)}</ha-progress-button
>
<button
class="link pwd-forgot-link"
.disabled=${this._requestInProgress}
@click=${this._handleForgotPassword}
>
${this.hass.localize(
"ui.panel.config.cloud.login.forgot_password"
)}
</button>
</div>
</ha-card>
@ -311,11 +311,6 @@ export class CloudLogin extends LitElement {
display: flex;
flex-direction: column;
}
.pwd-forgot-link {
color: var(--secondary-text-color) !important;
text-align: right !important;
align-self: flex-end;
}
`,
];
}