SDA-4937: Fixing bleeding edges for windows 10

src/app/notifications/call-notification.ts

@@ -5,7 +5,7 @@ import {
   ICallNotificationData,
   NotificationActions,
 } from '../../common/api-interface';
-import { isDevEnv, isMac, isWindows11 } from '../../common/env';
+import { isDevEnv, isMac, isWindowsOS } from '../../common/env';
 import { logger } from '../../common/logger';
 import { notification } from '../../renderer/notification';
 import {
@@ -237,7 +237,7 @@ class CallNotification {
         autoHideMenuBar: true,
         minimizable: false,
         maximizable: false,
-        transparent: isWindows11 ? true : false,
+        transparent: isWindowsOS ? true : false,
         title: 'Call Notification - Symphony Messaging',
         webPreferences: {
           sandbox: IS_SAND_BOXED,

src/renderer/notification.ts

@@ -20,7 +20,7 @@ import {
   NOTIFICATION_WINDOW_TITLE,
   NotificationActions,
 } from '../common/api-interface';
-import { isMac, isWindows11 } from '../common/env';
+import { isMac, isWindowsOS } from '../common/env';
 import { logger } from '../common/logger';
 import NotificationHandler, { ICorner } from './notification-handler';
 
@@ -673,12 +673,11 @@ class Notification extends NotificationHandler {
       resizable: false,
       show: false,
       frame: false,
-      backgroundColor: '#00000000',
       fullscreenable: false,
       type: 'toolbar',
       acceptFirstMouse: true,
       title: NOTIFICATION_WINDOW_TITLE,
-      transparent: isWindows11 ? true : false,
+      transparent: isWindowsOS ? true : false,
       webPreferences: {
         sandbox: IS_SAND_BOXED,
         nodeIntegration: IS_NODE_INTEGRATION_ENABLED,

src/renderer/react-window.html

@@ -15,14 +15,35 @@
 -->
 <!DOCTYPE html>
 <html lang="en">
+  <style>
+    * {
+      box-sizing: border-box;
+    }
+    html,
+    body,
+    #root {
+      height: 100%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      flex: 1;
+    }
+    .components-window-root {
+      height: -webkit-fill-available;
+      width: -webkit-fill-available;
+    }
+    .components-window-root > :first-child {
+      height: calc(100% - 1px);
+      width: calc(100% - 1px);
+    }
+  </style>
 
-<head>
-  <meta charset="UTF-8" />
-  <link rel="stylesheet" href="" />
-</head>
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="stylesheet" href="" />
+  </head>
 
-<body>
-  <div id="Root" class="components-window-root"></div>
-</body>
-
-</html>
+  <body>
+    <div id="Root" class="components-window-root"></div>
+  </body>
+</html>