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.

Sign up for GitHub

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

Jump to bottom

UI/UX of API Page #51

Closed
nelsonic opened this issue Apr 27, 2020 · 4 comments
Closed

UI/UX of API Page #51

nelsonic opened this issue Apr 27, 2020 · 4 comments
Assignees
@nelsonic
Labels
enhancement New feature or enhancement of existing functionality in-progress An issue or pull request that is being worked on by the assigned person starter A beginner-friendly issue that is a good starting point for a new person T1h Time Estimate 1 Hour technical A technical issue that requires understanding of the code, infrastructure or dependencies

Comments

@nelsonic
Copy link
Member

The API Settings page should be clean and focussed:

image

This is obviously just a rough sketch, but hopefully you get the idea.
(It should have some sort of navigation bar/menu to help people situate themselves, not shown here)
#42 (comment)
@nelsonic nelsonic added enhancement New feature or enhancement of existing functionality starter A beginner-friendly issue that is a good starting point for a new person in-progress An issue or pull request that is being worked on by the assigned person T1h Time Estimate 1 Hour technical A technical issue that requires understanding of the code, infrastructure or dependencies labels Apr 27, 2020
@nelsonic nelsonic self-assigned this Apr 29, 2020
This was referenced Apr 29, 2020
Merged
Closed
Closed
nelsonic added a commit that referenced this issue Apr 30, 2020
@nelsonic
create nav.html.eex for #51
714bdd3
nelsonic added a commit that referenced this issue Apr 30, 2020
@nelsonic
tidy up index.html.eex (listing apikeys) #51
ff14c86
@nelsonic
Copy link
Member Author

The form without any CSS: 🙄
image

With some Tachyons:
image

The buttons aren't aligned because they aren't part of the same template.
If anyone knows how to align them vertically, go for it!

nelsonic added a commit that referenced this issue Apr 30, 2020
@nelsonic
re-style layout for edit form #51 (comment)
8e71db6
@nelsonic
Copy link
Member Author

image

image

I'm quite happy with this UI/UX as "MVP".
We can definitely improve it later but for now this works! 👍

nelsonic added a commit that referenced this issue Apr 30, 2020
@nelsonic
enable view button/link in index template #51
3894424
nelsonic added a commit that referenced this issue Apr 30, 2020
@nelsonic
significanly improved UI/UX of api key pages #51
76b6e6e
@nelsonic
Copy link
Member Author

image

We don't yet have the copy to clipboard functionality or the explanation for how to use the API key. But for now I think this is enough. 👍

This change is included in #43

@nelsonic
Copy link
Member Author

Included in #43

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@nelsonic nelsonic

Labels
enhancement New feature or enhancement of existing functionality in-progress An issue or pull request that is being worked on by the assigned person starter A beginner-friendly issue that is a good starting point for a new person T1h Time Estimate 1 Hour technical A technical issue that requires understanding of the code, infrastructure or dependencies
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@nelsonic