diff options
Diffstat (limited to 'src/components/layout/AppLayout.tsx')
-rw-r--r-- | src/components/layout/AppLayout.tsx | 11 |
1 files changed, 4 insertions, 7 deletions
diff --git a/src/components/layout/AppLayout.tsx b/src/components/layout/AppLayout.tsx index 86b4e787e..97795212a 100644 --- a/src/components/layout/AppLayout.tsx +++ b/src/components/layout/AppLayout.tsx | |||
@@ -14,7 +14,6 @@ import { Component as PublishDebugInfo } from '../../features/publishDebugInfo'; | |||
14 | import ErrorBoundary from '../util/ErrorBoundary'; | 14 | import ErrorBoundary from '../util/ErrorBoundary'; |
15 | import { updateVersionParse } from '../../helpers/update-helpers'; | 15 | import { updateVersionParse } from '../../helpers/update-helpers'; |
16 | 16 | ||
17 | // import globalMessages from '../../i18n/globalMessages'; | ||
18 | import { isMac, isWindows } from '../../environment'; | 17 | import { isMac, isWindows } from '../../environment'; |
19 | import WorkspaceSwitchingIndicator from '../../features/workspaces/components/WorkspaceSwitchingIndicator'; | 18 | import WorkspaceSwitchingIndicator from '../../features/workspaces/components/WorkspaceSwitchingIndicator'; |
20 | import { workspaceStore } from '../../features/workspaces'; | 19 | import { workspaceStore } from '../../features/workspaces'; |
@@ -45,13 +44,11 @@ const messages = defineMessages({ | |||
45 | }, | 44 | }, |
46 | }); | 45 | }); |
47 | 46 | ||
48 | let transition = 'none'; | 47 | const transition = window?.matchMedia('(prefers-reduced-motion: no-preference)') |
48 | ? 'transform 0.5s ease' | ||
49 | : 'none'; | ||
49 | 50 | ||
50 | if (window && window.matchMedia('(prefers-reduced-motion: no-preference)')) { | 51 | const styles = (theme: { workspaces: { drawer: { width: any } } }) => ({ |
51 | transition = 'transform 0.5s ease'; | ||
52 | } | ||
53 | |||
54 | const styles = theme => ({ | ||
55 | appContent: { | 52 | appContent: { |
56 | // width: `calc(100% + ${theme.workspaces.drawer.width}px)`, | 53 | // width: `calc(100% + ${theme.workspaces.drawer.width}px)`, |
57 | width: '100%', | 54 | width: '100%', |