diff --git a/web/satellite/src/views/ForgotPassword.vue b/web/satellite/src/views/ForgotPassword.vue index fec6a3452..c2aa26b77 100644 --- a/web/satellite/src/views/ForgotPassword.vue +++ b/web/satellite/src/views/ForgotPassword.vue @@ -22,17 +22,28 @@

Reset Password

- {{ satelliteName }} + -
-
+
    +
  • {{ satelliteName }} -
- - {{ sat.name }} - -
+ +
  • + + {{ sat.name }} + +
  • +

    If you’ve forgotten your account password, you can reset it here. Make sure you’re signing in to the right satellite.

    @@ -211,6 +222,9 @@ export default class ForgotPassword extends Vue { * Sends recovery password email. */ public async onSendConfigurations(): Promise { + let activeElement = document.activeElement; + if (activeElement && activeElement.id === 'resetDropdown') return; + if (this.isLoading || !this.validateFields()) { return; } @@ -220,6 +234,11 @@ export default class ForgotPassword extends Vue { return; } + if (this.isDropdownShown) { + this.isDropdownShown = false; + return; + } + this.isLoading = true; try { @@ -304,6 +323,8 @@ export default class ForgotPassword extends Vue { margin-right: 10px; font-family: 'font_regular', sans-serif; font-weight: 700; + background: none; + border: none; } &__dropdown { @@ -316,6 +337,7 @@ export default class ForgotPassword extends Vue { box-shadow: 0 8px 34px rgb(161 173 185 / 41%); border-radius: 6px; min-width: 250px; + list-style-type: none; &__item { display: flex; @@ -340,6 +362,10 @@ export default class ForgotPassword extends Vue { background-color: #f2f2f6; } } + + &__item:focus-visible { + outline: -webkit-focus-ring-color auto 1px; + } } } @@ -396,6 +422,10 @@ export default class ForgotPassword extends Vue { line-height: 18px; color: #0149ff; } + + &__link:focus { + text-decoration: underline !important; + } } }