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

New toggle icon animation: Lock/Unlock #252

Open
kristastarr opened this issue Jun 22, 2023 · 1 comment
Open

New toggle icon animation: Lock/Unlock #252

kristastarr opened this issue Jun 22, 2023 · 1 comment

Comments

@kristastarr
Copy link
Collaborator

kristastarr commented Jun 22, 2023

Name of icon to be animated as shown in Carbon Icon Library:

Let's explore various options for toggling between Lock / Unlock, and Lock filled / Lock unfilled

Considerations:
If lock shackle moves too much (ie to rotate) it will fall outside of the boundary of the icon (ie the 32px X 32px bounding box). We need to explore solutions that keep the lock shackle within the boundaries, and also we can look at solutions that go outside the boundaries but we will need to figure out ways to ensure that having a wider or taller icon will not impact the css layout of the rest of the page

@kristastarr
Copy link
Collaborator Author

@mikeolasov Please share any reference videos you've made for this one

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

No branches or pull requests

1 participant