From 00c7436ce083dcf80bc197b4bbbd1e739d463533 Mon Sep 17 00:00:00 2001 From: lewa <lene.wasskog@nibio.no> Date: Thu, 25 Apr 2024 12:20:54 +0200 Subject: [PATCH] feat: Ensure username is not autocapitalized at login --- src/components/LoginSystem.vue | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/src/components/LoginSystem.vue b/src/components/LoginSystem.vue index ffdde5d..24b4afb 100644 --- a/src/components/LoginSystem.vue +++ b/src/components/LoginSystem.vue @@ -42,7 +42,7 @@ <form class="my-2 my-lg-0"> <div class="form-floating mb-3"> - <input id="username" type="text" class="form-control" v-model="username" @keyup.enter="handleLogin()"/> + <input id="username" type="text" class="form-control" v-model="username" @keyup.enter="handleLogin()" autocapitalize="none" /> <label for="username">{{ this.$i18n.t("login.username.field.placeholder") }}</label> </div> <div class="form-floating mb-3"> @@ -50,22 +50,23 @@ <label for="password">{{ this.$i18n.t("login.pwd.field.placeholder") }}</label> </div> - <div class="form-group mb-3 float-end"> + <div class="form-group mb-3 justify-content-end"> <router-link to="/RegisterUserForm" class="btn btn-warning" onclick="$('.offcanvas-collapse').toggleClass('open')">{{ $t("registeruser.button.label") }}</router-link> <button class="btn btn-primary ms-2" type="button" @click="handleLogin()" @keyup.enter="handleLogin()"> {{ $t("login.button.label")}} </button> </div> - <div v-show="!showForgottenPasswordForm && !showForgottenPasswordSubmitSuccessMsg" class="form-group" @click="showForgottenPasswordForm=true; submitFailed=false; errorMessage=undefined;"> + <div class="form-group mb-3 justify-content-end" v-show="!showForgottenPasswordForm && !showForgottenPasswordSubmitSuccessMsg" @click="showForgottenPasswordForm=true; submitFailed=false; errorMessage=undefined;"> <a href="#" class="card-link">{{ $t("login.forgotpassword.label") }}</a> </div> <div v-show="showForgottenPasswordForm" > <h4>{{ $t("login.forgotpassword.label") }} <a href="#" @click.prevent="showForgottenPasswordForm=false">Lukk</a></h4> - {{ $t("login.forgotpassword.description")}} - <div class="form-group"> - <input type="email" class="form-control" v-model="email" :placeholder="$t('login.forgotpassword.field.placeholder')"/> + <p>{{ $t("login.forgotpassword.description")}}</p> + <div class="form-floating mb-3"> + <input id="email" type="email" class="form-control" v-model="email" :placeholder="$t('login.forgotpassword.field.placeholder')"/> + <label for="email">{{ $t('login.forgotpassword.field.placeholder') }}</label> </div> - <div class="form-group"> + <div class="form-group mb-3"> <button class="btn btn-primary" type="button" v-on:click="handleForgottenPassword()"> {{ $t("login.forgotpassword.button.label")}} </button> -- GitLab