[feature] reduce motion (#1485)
This PR adds a user preference to reduce motion. When enabled the app will not animate the camera (and perhaps skip other animations in the future). It's actual implementation is as an `animateSpeed` property, so we can also use it to speed up or slow down our animations if that's something we want to do! ### Change Type - [x] `minor` — New Feature ### Test Plan 1. Turn on reduce motion 2. Use minimap / camera features to zoom in / out / etc - [x] Unit Tests ### Release Notes - [editor] Add `reduceMotion` user preference - Add reduce motion option to preferences
This commit is contained in:
parent
0dc0587bea
commit
a220b2eff1
12 changed files with 127 additions and 10 deletions
|
@ -50,6 +50,7 @@ export function MenuSchemaProvider({ overrides, children }: MenuSchemaProviderPr
|
|||
const isMobile = breakpoint < 5
|
||||
|
||||
const isDarkMode = useValue('isDarkMode', () => app.isDarkMode, [app])
|
||||
const animationSpeed = useValue('animationSpeed', () => app.animationSpeed, [app])
|
||||
const isGridMode = useValue('isGridMode', () => app.userDocumentSettings.isGridMode, [app])
|
||||
const isSnapMode = useValue('isSnapMode', () => app.userDocumentSettings.isSnapMode, [app])
|
||||
const isToolLock = useValue('isToolLock', () => app.instanceState.isToolLocked, [app])
|
||||
|
@ -171,6 +172,7 @@ export function MenuSchemaProvider({ overrides, children }: MenuSchemaProviderPr
|
|||
menuItem(actions['toggle-grid'], { checked: isGridMode }),
|
||||
menuItem(actions['toggle-dark-mode'], { checked: isDarkMode }),
|
||||
menuItem(actions['toggle-focus-mode'], { checked: isFocusMode }),
|
||||
menuItem(actions['toggle-reduce-motion'], { checked: animationSpeed === 0 }),
|
||||
menuItem(actions['toggle-debug-mode'], { checked: isDebugMode })
|
||||
)
|
||||
),
|
||||
|
@ -206,6 +208,7 @@ export function MenuSchemaProvider({ overrides, children }: MenuSchemaProviderPr
|
|||
noneSelected,
|
||||
canUndo,
|
||||
canRedo,
|
||||
animationSpeed,
|
||||
isDarkMode,
|
||||
isGridMode,
|
||||
isSnapMode,
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue