feat(frontend): overlay window controls

Might need manual intervention in browsers, e.g.
https://docs.microsoft.com/en-us/microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay#enable-the-window-controls-overlay-api-in-microsoft-edge

1 files changed, 32 insertions, 0 deletions

diff --git a/subprojects/frontend/types/windowControlsOverlay.d.ts b/subprojects/frontend/types/windowControlsOverlay.d.ts
new file mode 100644
index 00000000..d8f3182f
--- /dev/null
+++ b/subprojects/frontend/types/windowControlsOverlay.d.ts
@@ -0,0 +1,32 @@
+interface WindowControlsOverlayGeometryChangeEvent extends Event {
+  titlebarAreaRect: DOMRect;
+
+  visible: boolean;
+}
+
+interface WindowControlsOverlay {
+  readonly visible: boolean;
+
+  getTitlebarAreaRect(): DOMRect;
+
+  addEventListener(
+    type: 'geometrychange',
+    listener: (
+      this: WindowControlsOverlay,
+      event: WindowControlsOverlayGeometryChangeEvent,
+    ) => unknown,
+    options?: boolean | AddEventListenerOptions,
+  );
+
+  removeEventListener(
+    type: 'geometrychange',
+    listener: (
+      this: WindowControlsOverlay,
+      event: WindowControlsOverlayGeometryChangeEvent,
+    ) => unknown,
+  );
+}
+
+interface Navigator {
+  windowControlsOverlay?: WindowControlsOverlay;
+}