[TOTP] [UX] Improve usability on mobile/touch devices
Open
Nobody has claimed this yet.
comp:authentication
design
technical debt
- Dominant language
- PHP
- Stars
- 8.8k
- Forks
- 2.1k
- Avg merge
- 20h 7m
- Merged PRs (30d)
- 41
Description
- I'd propose make the click areas bigger. They're too dense on mobile devices.
- Optimise the Keyboard for number input
| Click areas to small | Keyboard not optimised | Keyboard optimised for numbers (iOS app) |
|---|---|---|
 |
 |
 |
More information how to control the keyboard:
- http://bradfrost.com/blog/post/better-numerical-inputs-for-mobile-forms/
- Text Programming Guide for iOS: Configuring the Keyboard for Web Views
Server configuration
ownCloud version:
10.1.0 beta
List of activated apps:
root@owncloud:/var/www/owncloud# sudo -u www-data php ./occ app:list | grep twofactor
- twofactor_backup_codes: 0.0.5
- twofactor_totp: 0.5.2
Client configuration
Browser:
SFAuthenticationSession in new iOS app
Operating system:
iOs 12.1.3 (16D40)
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reviewing the TOTP login UI in the ownCloud web server alongside the linked iOS app and the supplied numerical-input guidance. Confirm which client owns the touch targets and keyboard behavior, then define completion as larger controls and numeric input on supported mobile devices; no file or test is identified in the issue.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, php
- Domain
- authentication, frontend, mobile-dev
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100