You've already forked AstralRinth
forked from didirus/AstralRinth
Change input mode for sign-in form (#5000)
* Change input mode and types and modes for sign-in form -Added the inputmode of "email" to tell mobile browsers to change to the email keyboard for username/email input -Added the inputmode of "numeric" to tell mobile browsers to change to the numeric keyboard for 2fa input (https://www.w3schools.com/TAgs/att_inputmode.asp) -Changed two-factor code input type to "numeric" to provide a greater hint to autofill that this is where they should fill in 2fa codes Signed-off-by: MIfoodie <94649676+MIfoodie@users.noreply.github.com> * Clean up whitespace in sign-in.vue that I accidently added :) Removed extra whitespace before the Google authentication link. Signed-off-by: MIfoodie <94649676+MIfoodie@users.noreply.github.com> * Change input type from 'number' to 'text' Signed-off-by: MIfoodie <94649676+MIfoodie@users.noreply.github.com> --------- Signed-off-by: MIfoodie <94649676+MIfoodie@users.noreply.github.com> Co-authored-by: Calum H. <contact@cal.engineer>
This commit is contained in:
@@ -18,6 +18,7 @@
|
|||||||
v-model="twoFactorCode"
|
v-model="twoFactorCode"
|
||||||
maxlength="11"
|
maxlength="11"
|
||||||
type="text"
|
type="text"
|
||||||
|
inputmode="numeric"
|
||||||
:placeholder="formatMessage(messages.twoFactorCodeInputPlaceholder)"
|
:placeholder="formatMessage(messages.twoFactorCodeInputPlaceholder)"
|
||||||
autocomplete="one-time-code"
|
autocomplete="one-time-code"
|
||||||
autofocus
|
autofocus
|
||||||
@@ -68,6 +69,7 @@
|
|||||||
id="email"
|
id="email"
|
||||||
v-model="email"
|
v-model="email"
|
||||||
type="text"
|
type="text"
|
||||||
|
inputmode="email"
|
||||||
autocomplete="username"
|
autocomplete="username"
|
||||||
class="auth-form__input"
|
class="auth-form__input"
|
||||||
:placeholder="formatMessage(messages.emailUsernameLabel)"
|
:placeholder="formatMessage(messages.emailUsernameLabel)"
|
||||||
|
|||||||
Reference in New Issue
Block a user