Hide navigation bar when window is in fullscreen

frontend/sass/index.scss

@@ -12,6 +12,10 @@ body {
 	flex-direction: column;
 	height: 100%;
 	width: var(--nav-width);
+
+	body.fullscreen & {
+		display: none;
+	}
 }
 
 #navigation > :not(#service-buttons) {

frontend/ts/index.ts

@@ -834,4 +834,9 @@ function setContextMenu(webContents: WebContents) {
             window: remote.getCurrentWindow(),
         });
     });
-}
+}
+
+ipcRenderer.on('fullscreenchange', (e, fullscreen) => {
+    if (fullscreen) document.body.classList.add('fullscreen');
+    else document.body.classList.remove('fullscreen');
+});

src/windows/MainWindow.ts

@@ -129,6 +129,13 @@ export default class MainWindow extends Window {
             }
         });
 
+        window.on('enter-full-screen', () => {
+            window.webContents.send('fullscreenchange', true);
+        });
+        window.on('leave-full-screen', () => {
+            window.webContents.send('fullscreenchange', false);
+        });
+
         // Load navigation view
         window.loadFile(path.resolve(Meta.RESOURCES_PATH, 'index.html'))
             .catch(console.error);