Fix window sizing

main.js

@@ -206,19 +206,30 @@ function captureClicks(window) {
   window.webContents.on('new-window', handleUrl);
 }
 
-const DEFAULT_WIDTH = 880;
+const WINDOW_SIZE = Object.freeze({
-// add contact button needs to be visible (on HiDpi screens?)
+  defaultWidth: 880,
-// otherwise integration test fail
+  defaultHeight: 820,
-const DEFAULT_HEIGHT = 820;
+  minWidth: 880,
-const MIN_WIDTH = 880;
+  minHeight: 820,
-const MIN_HEIGHT = 820;
+});
-const BOUNDS_BUFFER = 100;
+
+function getWindowSize() {
+  const { screen } = electron;
+  const screenSize = screen.getPrimaryDisplay().workAreaSize;
+  const { minWidth, minHeight, defaultWidth, defaultHeight } = WINDOW_SIZE;
+  // Ensure that the screen can fit within the default size
+  const width = Math.min(defaultWidth, Math.max(minWidth, screenSize.width));
+  const height = Math.min(defaultHeight, Math.max(minHeight, screenSize.height));
+
+  return { width, height, minWidth, minHeight };
+}
 
 function isVisible(window, bounds) {
   const boundsX = _.get(bounds, 'x') || 0;
   const boundsY = _.get(bounds, 'y') || 0;
-  const boundsWidth = _.get(bounds, 'width') || DEFAULT_WIDTH;
+  const boundsWidth = _.get(bounds, 'width') || WINDOW_SIZE.defaultWidth;
-  const boundsHeight = _.get(bounds, 'height') || DEFAULT_HEIGHT;
+  const boundsHeight = _.get(bounds, 'height') || WINDOW_SIZE.defaultHeight;
+  const BOUNDS_BUFFER = 100;
 
   // requiring BOUNDS_BUFFER pixels on the left or right side
   const rightSideClearOfLeftBound =
@@ -241,13 +252,14 @@ function isVisible(window, bounds) {
 
 async function createWindow() {
   const { screen } = electron;
+  const { minWidth, minHeight, width, height } = getWindowSize();
   const windowOptions = Object.assign(
     {
       show: !startInTray, // allow to start minimised in tray
-      width: DEFAULT_WIDTH,
+      width,
-      height: DEFAULT_HEIGHT,
+      height,
-      minWidth: MIN_WIDTH,
+      minWidth,
-      minHeight: MIN_HEIGHT,
+      minHeight,
       autoHideMenuBar: false,
       backgroundColor: '#fff',
       webPreferences: {
@@ -270,11 +282,11 @@ async function createWindow() {
     ])
   );
 
-  if (!_.isNumber(windowOptions.width) || windowOptions.width < MIN_WIDTH) {
+  if (!_.isNumber(windowOptions.width) || windowOptions.width < minWidth) {
-    windowOptions.width = DEFAULT_WIDTH;
+    windowOptions.width = Math.max(minWidth, width);
   }
-  if (!_.isNumber(windowOptions.height) || windowOptions.height < MIN_HEIGHT) {
+  if (!_.isNumber(windowOptions.height) || windowOptions.height < minHeight) {
-    windowOptions.height = DEFAULT_HEIGHT;
+    windowOptions.height = Math.max(minHeight, height);
   }
   if (!_.isBoolean(windowOptions.maximized)) {
     delete windowOptions.maximized;
@@ -516,13 +528,13 @@ function showPasswordWindow() {
     passwordWindow.show();
     return;
   }
-
+  const { minWidth, minHeight, width, height } = getWindowSize();
   const windowOptions = {
     show: true, // allow to start minimised in tray
-    width: DEFAULT_WIDTH,
+    width,
-    height: DEFAULT_HEIGHT,
+    height,
-    minWidth: MIN_WIDTH,
+    minWidth,
-    minHeight: MIN_HEIGHT,
+    minHeight,
     autoHideMenuBar: false,
     webPreferences: {
       nodeIntegration: false,
@@ -631,8 +643,8 @@ async function showDebugLogWindow() {
   const theme = await getThemeFromMainWindow();
   const size = mainWindow.getSize();
   const options = {
-    width: Math.max(size[0] - 100, MIN_WIDTH),
+    width: Math.max(size[0] - 100, WINDOW_SIZE.minWidth),
-    height: Math.max(size[1] - 100, MIN_HEIGHT),
+    height: Math.max(size[1] - 100, WINDOW_SIZE.minHeight),
     resizable: false,
     title: locale.messages.signalDesktopPreferences.message,
     autoHideMenuBar: true,