Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: add form validation and mobile friendly scaling #4

Merged
merged 1 commit into from
Sep 23, 2021

Conversation

olizilla
Copy link
Member

  • set all fields to required
  • use placeholder instead of value to show example inputs
  • add viewport meta tag to ensure mobile devices use the responsive styles rather than scaling the entire page.

Screenshot 2021-09-23 at 11 47 11

License: (Apache-2.0 AND MIT)
Signed-off-by: Oli Evans oli@tableflip.io

- set all fields to required
- use placeholder instead of value to show example inputs
- add viewport meta tag to ensure mobile devices use the responsive styles rather than scaling the entire page.

License: (Apache-2.0 AND MIT)
Signed-off-by: Oli Evans <oli@tableflip.io>
@olizilla
Copy link
Member Author

i'm done now. no more noodling.

@aschmahmann
Copy link
Contributor

Thank you 🙏

<label class="db mt3 f6 fw6" for="backendURL">Backend URL</label>
<input class="db w-100 pa2" type="text" id="backendURL" value="https://ipfs-check-backend.ipfs.io">
<input class="db w-100 pa2" type="text" id="backendURL" value="https://ipfs-check-backend.ipfs.io" placeholder="https://ipfs-check-backend.ipfs.io" required>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This value needs to be passed in and the user rarely needs to change it (it's just to make it easy to point at another backend if ours is down or something). Will doing this make the user need to re-enter the data?

Maybe we leave this one alone, or we could just hard choice it into the JS or make it optional/implied and fix the JS to use it as the default.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No is ok, the value is retained here. The placeholder is in addition, in case they delete the default, it will show them what the default used to be as a ghostly serving suggestion

@aschmahmann aschmahmann merged commit 1759e40 into ipfs:main Sep 23, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants