mirror of
https://github.com/johannesjo/super-productivity.git
synced 2026-07-31 19:50:44 +00:00
feat: improve animation for daily planner input
This commit is contained in:
parent
93759a4f46
commit
52e2d70d3d
1 changed files with 13 additions and 1 deletions
|
|
@ -18,7 +18,8 @@ daily-planner {
|
|||
.add-task-form {
|
||||
margin: 20px auto;
|
||||
max-width: $component-max-width;
|
||||
@include pulse($transition-duration-m, $page-transition-duration);
|
||||
animation: $transition-duration-s attention-for-input-daily-planner;
|
||||
animation-delay: $page-transition-duration;
|
||||
|
||||
ng-md-icon {
|
||||
width: 32px;
|
||||
|
|
@ -31,3 +32,14 @@ daily-planner {
|
|||
}
|
||||
}
|
||||
|
||||
@keyframes attention-for-input-daily-planner {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
70% {
|
||||
transform: scale(1.05, 1.4);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue