-
Notifications
You must be signed in to change notification settings - Fork 898
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
Alignment of button content #1220
Comments
hey @trueqbit i would like to work on this can you please assign me this? |
@dhananjay-Byte As I am not a contributor, I cannot change the metadata of a ticket... |
@dhananjay-Byte Is there any progress here? |
@trueqbit I'm assuming that you want to center-align the buttons, right? |
@FlxMgdnz can i contribute on this issue?? |
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
Hi @trueqbit, any screenshot available would help a lot in finding the exact issue that you are facing in the UI. If possible, can you provide screenshots or exactly tell where you found this issue? |
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
/assign |
This issue is already assigned to another person. Please find more issues here. |
Checklist
Description
I am using hanko-elements for login functionality in a web application.
The CSS for the wrapper of a button icon explicitly sets width and flex alignment:
This makes it currently impossible to align the button content (icon and text) using the shadow DOM.
Describe your ideal solution
The ideal would probably be a CSS variable or respect alignment of the parent
::part(button)
.Workarounds or alternatives
No response
Hanko Version
v0.9.0
Additional Context
The background is that I want to center-align the content of the button in the same way as usual in our application, also I find it a bit inconsistent with the alignment of the "Continue" button when all form elements are stacked.
A few screenshots show what it currently looks like:
Login challenge form:
Create Passkey form:
The text was updated successfully, but these errors were encountered: