Fix Two-Factor form on mobile (#593)

* Make textboxes use keypad input on mobile

* Fix input boxes on mobile
This commit is contained in:
Josh 2022-12-15 14:28:28 -06:00 committed by GitHub
commit 2d67870ded
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 7 deletions

View file

@ -19,12 +19,12 @@
</div>
}
<div class="header" id="header">@Model.Translate(TwoFactorStrings.TwoFactor)</div>
<input type="text" maxlength="1" id="digit1"/>
<input type="text" maxlength="1" id="digit2"/>
<input type="text" maxlength="1" id="digit3" class="middleDigit"/>
<input type="text" maxlength="1" id="digit4"/>
<input type="text" maxlength="1" id="digit5"/>
<input type="text" maxlength="1" id="digit6"/>
<input type="text" pattern="\d*" maxlength="1" id="digit1"/>
<input type="text" pattern="\d*" maxlength="1" id="digit2"/>
<input type="text" pattern="\d*" maxlength="1" id="digit3" class="middleDigit"/>
<input type="text" pattern="\d*" maxlength="1" id="digit4"/>
<input type="text" pattern="\d*" maxlength="1" id="digit5"/>
<input type="text" pattern="\d*" maxlength="1" id="digit6"/>
<input type="hidden" name="code" id="code"/>
<input type="hidden" name="redirect" value="@callbackUrl">
@if (allowBackupCodes)