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

Clickable icons buttons: Create motion designs and micro animations #1298

Closed
5 tasks done
Tracked by #177
kaylachumley opened this issue Apr 19, 2024 · 3 comments
Closed
5 tasks done
Tracked by #177
Assignees
Labels
Animation A new or enhanced animation for a component PatternFly 6 Design issues related to Penta work

Comments

@kaylachumley
Copy link
Collaborator

kaylachumley commented Apr 19, 2024

The Notification badge (bell), Settings (gear), Favoriting (star) icon buttons need animation.

The goal of this issue is the define the following behaviors:

  • Define scale behavior for the Notification badge (bell), Settings (gear), Favoriting (star)
  • Define hover/click animation for the Notification badge (bell), Settings (gear), Favoriting (star)
  • Define fade in/out animation for the Notification badge (bell), Settings (gear), Favoriting (star)
  • Create animation concepts in Figma
  • Define and assign semantic tokens for each property
@kaylachumley kaylachumley added Animation A new or enhanced animation for a component PatternFly 6 Design issues related to Penta work labels Apr 19, 2024
@kaylachumley kaylachumley added this to the Penta beta release milestone Apr 19, 2024
@github-project-automation github-project-automation bot moved this to Needs triage in PatternFly Issues Apr 19, 2024
@andrew-ronaldson andrew-ronaldson moved this from Needs triage to In Progress in PatternFly Issues Apr 23, 2024
@kaylachumley kaylachumley removed their assignment Apr 25, 2024
@kaylachumley
Copy link
Collaborator Author

Figma prototype with semantic tokens annotations

@kaylachumley kaylachumley self-assigned this Apr 30, 2024
@kaylachumley
Copy link
Collaborator Author

moving this to done! @andrew-ronaldson

@andrew-ronaldson
Copy link

Closing wit patternfly/patternfly#6601

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Animation A new or enhanced animation for a component PatternFly 6 Design issues related to Penta work
Projects
Archived in project
Development

No branches or pull requests

3 participants