diff --git a/src/main/preload/internalAPI.js b/src/main/preload/internalAPI.js index d33494ec..72cb2d7d 100644 --- a/src/main/preload/internalAPI.js +++ b/src/main/preload/internalAPI.js @@ -93,6 +93,7 @@ import { OPEN_WINDOWS_CAMERA_PREFERENCES, OPEN_WINDOWS_MICROPHONE_PREFERENCES, GET_MEDIA_ACCESS_STATUS, + VIEW_FINISHED_RESIZING, } from 'common/communication'; console.log('Preload initialized'); @@ -178,6 +179,7 @@ contextBridge.exposeInMainWorld('desktop', { openWindowsCameraPreferences: () => ipcRenderer.send(OPEN_WINDOWS_CAMERA_PREFERENCES), openWindowsMicrophonePreferences: () => ipcRenderer.send(OPEN_WINDOWS_MICROPHONE_PREFERENCES), getMediaAccessStatus: (mediaType) => ipcRenderer.invoke(GET_MEDIA_ACCESS_STATUS, mediaType), + viewFinishedResizing: () => ipcRenderer.send(VIEW_FINISHED_RESIZING), downloadsDropdown: { toggleDownloadsDropdownMenu: (payload) => ipcRenderer.send(TOGGLE_DOWNLOADS_DROPDOWN_MENU, payload), diff --git a/src/renderer/components/WelcomeScreen/WelcomeScreen.tsx b/src/renderer/components/WelcomeScreen/WelcomeScreen.tsx index 3e7351b1..1d8ea163 100644 --- a/src/renderer/components/WelcomeScreen/WelcomeScreen.tsx +++ b/src/renderer/components/WelcomeScreen/WelcomeScreen.tsx @@ -36,6 +36,12 @@ function WelcomeScreen({ useEffect(() => { setShowContent(true); + + // Let the main process know when the window has finished resizing + // This is to reduce the amount of white box that happens when expand the BrowserView + window.addEventListener('resize', () => { + window.desktop.viewFinishedResizing(); + }); }, []); const slides = useMemo(() => [ diff --git a/src/renderer/css/components/LoadingScreen.css b/src/renderer/css/components/LoadingScreen.css index 0f2d91ec..f374d50a 100644 --- a/src/renderer/css/components/LoadingScreen.css +++ b/src/renderer/css/components/LoadingScreen.css @@ -9,7 +9,7 @@ body { --stipple-opacity: 0.08; display: flex; - justify-content: center; + justify-content: flex-end; align-items: center; position: absolute; top: 0px; diff --git a/src/types/window.ts b/src/types/window.ts index bbeeae09..cb8f7785 100644 --- a/src/types/window.ts +++ b/src/types/window.ts @@ -97,6 +97,7 @@ declare global { openWindowsCameraPreferences: () => void; openWindowsMicrophonePreferences: () => void; getMediaAccessStatus: (mediaType: 'microphone' | 'camera' | 'screen') => Promise<'not-determined' | 'granted' | 'denied' | 'restricted' | 'unknown'>; + viewFinishedResizing: () => void; modals: { cancelModal: (data?: T) => void;