Union/ProjectLighthouse
1
0
Fork 0
mirror of https://github.com/LBPUnion/ProjectLighthouse.git synced 2025-06-16 20:51:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Fix Two-Factor form on mobile (#593)

Browse source 
* 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
Download patch file Download diff file Expand all files Collapse all files

12
ProjectLighthouse.Servers.Website/Pages/Partials/TwoFactorPartial.cshtml
View file

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

3
ProjectLighthouse/StaticFiles/css/styles.css
View file

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