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

fix: Fixed issue where reduced motion preference would not be honored for some animations

Browse Source
This commit is contained in:
Aman Harwara
2023-01-28 13:59:47 +05:30
parent cbe27303fe
commit 3d9c9e8565
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/web/src/javascripts/Components/Panes/PanesSystemComponent.tsx
View File

@@ -19,6 +19,7 @@ import {
} from '@/Components/Panes/PaneAnimator' } from '@/Components/Panes/PaneAnimator'
import { isPanesChangeLeafDismiss, isPanesChangePush } from '@/Controllers/PaneController/panesForLayout' import { isPanesChangeLeafDismiss, isPanesChangePush } from '@/Controllers/PaneController/panesForLayout'
import { log, LoggingDomain } from '@/Logging' import { log, LoggingDomain } from '@/Logging'
import { useMediaQuery } from '@/Hooks/useMediaQuery'
const NAVIGATION_PANEL_MIN_WIDTH = 48 const NAVIGATION_PANEL_MIN_WIDTH = 48
const ITEMS_PANEL_MIN_WIDTH = 200 const ITEMS_PANEL_MIN_WIDTH = 200
@@ -53,7 +54,8 @@ const PanesSystemComponent = () => {
const [_editorRef, setEditorRef] = useState<HTMLDivElement | null>(null) const [_editorRef, setEditorRef] = useState<HTMLDivElement | null>(null)
const animationsSupported = isMobile const prefersReducedMotion = useMediaQuery('(prefers-reduced-motion: reduce)')
const animationsSupported = isMobile && !prefersReducedMotion
useEffect(() => { useEffect(() => {
if (!animationsSupported) { if (!animationsSupported) {