-
-
Notifications
You must be signed in to change notification settings - Fork 3.1k
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
feat: #15237 toggle password visibility on shared albums #15238
feat: #15237 toggle password visibility on shared albums #15238
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There's already a PasswordField component, please use that instead. https://github.com/immich-app/immich/blob/main/web/src/lib/components/shared-components/password-field.svelte
@bo0tzz Thanks for reviewing my PR. I made the changes you requested. I did add some e2e tests, are they enough? |
<form class="flex" novalidate autocomplete="off" {onsubmit}> | ||
<div class="relative mr-2"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I don't think you need the changes here either, right? Get rid of the class="flex"
on the form and remove the div again.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The class="flex"
on the form is to place the password input and the submit button on the same row per the original design. The PasswordField
component is a div so it pushes the button into the next row if the form is not a flexbox.
It looks like I can get rid of <div class="relative mr-2">
that wraps the password field and move the margin to onto the button <Button class="ml-2" ...>
.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I know what that flex is. I just didn't see how swapping the input with the password component would make the difference here. If it's required though we obv can keep it, thus the question :)
Instead of ml/mr I'd rather work with gap
I think.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great. That makes sense. Thanks for the input. I removed the margins and set the column gap.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ty!
…mmich-app#15238) * feat: toggle password visibility on shared albums * feat: toggle password visibility on shared albums * use password-field component * remove div wrapping PasswordField --------- Co-authored-by: Ian <[email protected]>
…mmich-app#15238) * feat: toggle password visibility on shared albums * feat: toggle password visibility on shared albums * use password-field component * remove div wrapping PasswordField --------- Co-authored-by: Ian <[email protected]>
…mmich-app#15238) * feat: toggle password visibility on shared albums * feat: toggle password visibility on shared albums * use password-field component * remove div wrapping PasswordField --------- Co-authored-by: Ian <[email protected]>
No description provided.