rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Added search and replace to Super notes on web/desktop. Press Ctrl+F in a super note to toggle search. (skip e2e) (#2128)

Browse Source
This commit is contained in:
Aman Harwara
2023-01-12 18:57:41 +05:30
committed by GitHub
parent 2fc365434f
commit 8104522658
21 changed files with 1180 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

131
packages/web/src/javascripts/Constants/AnimationConfigs.ts Normal file
View File

@@ -0,0 +1,131 @@
export type AnimationConfig = {
keyframes: Keyframe[]
options: KeyframeAnimationOptions
initialStyle?: Partial<CSSStyleDeclaration>
}
export const EnterFromTopAnimation: AnimationConfig = {
keyframes: [
{
opacity: 0,
transform: 'scaleY(0)',
},
{
opacity: 1,
transform: 'scaleY(1)',
},
],
options: {
easing: 'ease-in-out',
duration: 150,
fill: 'forwards',
},
initialStyle: {
transformOrigin: 'top',
},
}
export const EnterFromBelowAnimation: AnimationConfig = {
keyframes: [
{
opacity: 0,
transform: 'scaleY(0)',
},
{
opacity: 1,
transform: 'scaleY(1)',
},
],
options: {
easing: 'ease-in-out',
duration: 150,
fill: 'forwards',
},
initialStyle: {
transformOrigin: 'bottom',
},
}
export const ExitToTopAnimation: AnimationConfig = {
keyframes: [
{
opacity: 1,
transform: 'scaleY(1)',
},
{
opacity: 0,
transform: 'scaleY(0)',
},
],
options: {
easing: 'ease-in-out',
duration: 150,
fill: 'forwards',
},
initialStyle: {
transformOrigin: 'top',
},
}
export const ExitToBelowAnimation: AnimationConfig = {
keyframes: [
{
opacity: 1,
transform: 'scaleY(1)',
},
{
opacity: 0,
transform: 'scaleY(0)',
},
],
options: {
easing: 'ease-in-out',
duration: 150,
fill: 'forwards',
},
initialStyle: {
transformOrigin: 'bottom',
},
}
export const TranslateFromTopAnimation: AnimationConfig = {
keyframes: [
{
opacity: 0,
transform: 'translateY(-100%)',
},
{
opacity: 1,
transform: 'translateY(0)',
},
],
options: {
easing: 'ease-in-out',
duration: 150,
fill: 'forwards',
},
initialStyle: {
transformOrigin: 'top',
},
}
export const TranslateToTopAnimation: AnimationConfig = {
keyframes: [
{
opacity: 1,
transform: 'translateY(0)',
},
{
opacity: 0,
transform: 'translateY(-100%)',
},
],
options: {
easing: 'ease-in-out',
duration: 150,
fill: 'forwards',
},
initialStyle: {
transformOrigin: 'top',
},
}