diff --git a/index.html b/index.html
index bdc104b..7465073 100644
--- a/index.html
+++ b/index.html
@@ -23,9 +23,10 @@
bottom: 0;
right: 0;
left: 0;
- transition: 0.5s opacity ease-in;
+ transition: 0.3s opacity ease-in;
transition-delay: 2s;
z-index: 9999999999999999999;
+ min-width: 600px;
}
.splashLoading{
diff --git a/src-electron/mainScripts/mainWindowCreation.ts b/src-electron/mainScripts/mainWindowCreation.ts
index 810b2a0..9367227 100644
--- a/src-electron/mainScripts/mainWindowCreation.ts
+++ b/src-electron/mainScripts/mainWindowCreation.ts
@@ -1,4 +1,4 @@
-import { BrowserWindow, app } from 'electron'
+import { BrowserWindow, app, screen } from 'electron'
import { enable } from '@electron/remote/main'
import path from 'path'
/**
@@ -25,7 +25,9 @@ const preventSecondaryAppInstance = (appWindow: BrowserWindow | undefined) => {
*/
app.on('second-instance', () => {
if (appWindow) {
- if (appWindow.isMinimized()) appWindow.restore()
+ if (appWindow.isMinimized()) {
+ appWindow.restore()
+ }
appWindow.focus()
}
})
@@ -36,13 +38,21 @@ const preventSecondaryAppInstance = (appWindow: BrowserWindow | undefined) => {
* Creates the main app window
*/
export const mainWindowCreation = () => {
+ /**
+ * Retrieve actual display size to stop flicker/debounce that happens with "maximize" function at first
+ */
+ const displaySizes = screen.getPrimaryDisplay().workAreaSize
+
/**
* Initial window options
*/
let appWindow: BrowserWindow | undefined = new BrowserWindow({
+ width: displaySizes.width,
+ height: displaySizes.height,
useContentSize: true,
frame: false,
show: false,
+ center: true,
icon: path.resolve(__dirname, '../icons/icon.png'),
webPreferences: {
sandbox: false,
@@ -54,10 +64,19 @@ export const mainWindowCreation = () => {
// Enable actual webContents inside the created window
enable(appWindow.webContents)
+ // Show the windows once electron is ready to show the actual HTML content
appWindow.once('ready-to-show', () => {
if (appWindow) {
- appWindow.maximize()
+ appWindow.show()
appWindow.focus()
+ appWindow.maximize()
+
+ // In case the windows somehow didn't maximize at first, make sure it does; this is a fix for slower machines
+ setTimeout(() => {
+ if (appWindow) {
+ appWindow.maximize()
+ }
+ }, 1000)
}
})
@@ -79,7 +98,4 @@ export const mainWindowCreation = () => {
// Check if we are on the primary or secondary instance of the app
preventSecondaryAppInstance(appWindow)
-
- // In case the window somehow didn't maximize/show for any reason; maximize it
- appWindow.maximize()
}