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
parent 40283b1e20
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)

View file

@ -150,7 +150,8 @@ div.cardStatsUnderTitle > span {
height: 3rem;
text-align: center;
border: 1px solid #d4d4d5;
border-radius: 5px
border-radius: 5px;
padding: 0
}
.middleDigit {