diff options
author | Ajesh Kumar S <31558237+AjeshKumarS@users.noreply.github.com> | 2021-10-25 21:58:29 +0530 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-10-25 21:58:29 +0530 |
commit | 5c85033140094daff85f0c32f83f94440353479f (patch) | |
tree | 2e7cda7ee92dc3ed278c84fd66fa3d5937a37432 /src/components | |
parent | docs: add AjeshKumarS as a contributor for code (#2127) [skip ci] (diff) | |
download | ferdium-app-5c85033140094daff85f0c32f83f94440353479f.tar.gz ferdium-app-5c85033140094daff85f0c32f83f94440353479f.tar.zst ferdium-app-5c85033140094daff85f0c32f83f94440353479f.zip |
Add feature to resize and fit window to screen on macOS when double c… (#2125)
Co-authored-by: Sreelekha sreelekha.marasigogu@gmail.com
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/layout/AppLayout.js | 21 |
1 files changed, 20 insertions, 1 deletions
diff --git a/src/components/layout/AppLayout.js b/src/components/layout/AppLayout.js index 9ae72a6c1..af27e8854 100644 --- a/src/components/layout/AppLayout.js +++ b/src/components/layout/AppLayout.js | |||
@@ -4,6 +4,7 @@ import { observer } from 'mobx-react'; | |||
4 | import { defineMessages, injectIntl } from 'react-intl'; | 4 | import { defineMessages, injectIntl } from 'react-intl'; |
5 | import { TitleBar } from 'electron-react-titlebar/renderer'; | 5 | import { TitleBar } from 'electron-react-titlebar/renderer'; |
6 | import injectSheet from 'react-jss'; | 6 | import injectSheet from 'react-jss'; |
7 | import { ipcRenderer } from 'electron'; | ||
7 | 8 | ||
8 | import InfoBar from '../ui/InfoBar'; | 9 | import InfoBar from '../ui/InfoBar'; |
9 | import { Component as BasicAuth } from '../../features/basicAuth'; | 10 | import { Component as BasicAuth } from '../../features/basicAuth'; |
@@ -14,7 +15,7 @@ import ErrorBoundary from '../util/ErrorBoundary'; | |||
14 | 15 | ||
15 | // import globalMessages from '../../i18n/globalMessages'; | 16 | // import globalMessages from '../../i18n/globalMessages'; |
16 | 17 | ||
17 | import { isWindows } from '../../environment'; | 18 | import { isWindows, isMac } from '../../environment'; |
18 | import WorkspaceSwitchingIndicator from '../../features/workspaces/components/WorkspaceSwitchingIndicator'; | 19 | import WorkspaceSwitchingIndicator from '../../features/workspaces/components/WorkspaceSwitchingIndicator'; |
19 | import { workspaceStore } from '../../features/workspaces'; | 20 | import { workspaceStore } from '../../features/workspaces'; |
20 | import AppUpdateInfoBar from '../AppUpdateInfoBar'; | 21 | import AppUpdateInfoBar from '../AppUpdateInfoBar'; |
@@ -57,8 +58,20 @@ const styles = theme => ({ | |||
57 | : `translateX(-${theme.workspaces.drawer.width}px)`; | 58 | : `translateX(-${theme.workspaces.drawer.width}px)`; |
58 | }, | 59 | }, |
59 | }, | 60 | }, |
61 | titleBar: { | ||
62 | display: 'block', | ||
63 | zIndex: 1, | ||
64 | width: '100%', | ||
65 | height: '23px', | ||
66 | position: 'absolute', | ||
67 | top: 0, | ||
68 | }, | ||
60 | }); | 69 | }); |
61 | 70 | ||
71 | const toggleFullScreen = () => { | ||
72 | ipcRenderer.send('window.toolbar-double-clicked'); | ||
73 | }; | ||
74 | |||
62 | @injectSheet(styles) | 75 | @injectSheet(styles) |
63 | @observer | 76 | @observer |
64 | class AppLayout extends Component { | 77 | class AppLayout extends Component { |
@@ -119,6 +132,12 @@ class AppLayout extends Component { | |||
119 | icon="assets/images/logo.svg" | 132 | icon="assets/images/logo.svg" |
120 | /> | 133 | /> |
121 | )} | 134 | )} |
135 | {isMac && !isFullScreen && ( | ||
136 | <span | ||
137 | onDoubleClick={toggleFullScreen} | ||
138 | className={classes.titleBar} | ||
139 | /> | ||
140 | )} | ||
122 | <div className={`app__content ${classes.appContent}`}> | 141 | <div className={`app__content ${classes.appContent}`}> |
123 | {workspacesDrawer} | 142 | {workspacesDrawer} |
124 | {sidebar} | 143 | {sidebar} |