adding toggle password to be able to see it when login#15881
adding toggle password to be able to see it when login#15881rullzer merged 1 commit intonextcloud:masterfrom
Conversation
|
Hello @PhieF !! I commented a few nitpicks! ✌️ |
skjnldsv
left a comment
There was a problem hiding this comment.
Awesome!
Please rebase and squash your commits into one and don't forget to add the compiled files as well :)
989d98d to
a38ad01
Compare
|
I guess it should be ok, I generated .js files just with a |
|
@PhieF |
|
@PhieF it seems that you did not signed off your work :) |
a38ad01 to
f21336b
Compare
|
Done ! |
|
@nextcloud/designers you're up! 👀 |
There was a problem hiding this comment.
Good stuff @PhieF! Some design & accessibility issues:
- The clickable area of the toggle should be at least 44*44px as per our design guidelines. Ideally it reaches the full height (top & bottom) of the input field, and also all the way to the right of the input field so people don’t have to tap exactly.
- The toggle needs to have a hover&focus state (full opacity of the icon) for proper feedback on hover and keyboard focus
- The toggle is missing an aria label to describe it, like
aria-label="Show password" - The img needs to have an
alt=""to define that the image is decorative (if you add the aforementioned aria label
|
@skjnldsv @ChristophWurst could you help out here to get the comments by @jancborchardt resolved so we can get this in? |
f21336b to
a70069b
Compare
Signed-off-by: Phie <[email protected]>
a70069b to
8fa2d70
Compare
|
Lets merge this and focus on the other points while polishing |
|
Thanks for your first pull request and welcome to the community! Feel free to keep them coming! If you are looking for issues to tackle then have a look at this selection: https://github.com/nextcloud/server/issues?q=is%3Aopen+is%3Aissue+label%3A%22good+first+issue%22 |
Hi
Here is a preview of what it does
What do you think of that ? If approved, I will also push it to registration