From f123efabdb0c8da2c6e3eb5f53166ec46e7e54b8 Mon Sep 17 00:00:00 2001
From: Julien Maille <julien.maille@data-pixel.com>
Date: Tue, 23 Dec 2025 15:47:16 +0100
Subject: [PATCH] feat(pwa): implement window controls overlay for desktop

---
 manifest.json |  3 +++
 styles.css    | 19 +++++++++++++++++++
 2 files changed, 22 insertions(+)

diff --git a/manifest.json b/manifest.json
index 5453afc..f7588b4 100644
--- a/manifest.json
+++ b/manifest.json
@@ -4,6 +4,9 @@
   "description": "A minimalist music streaming application",
   "start_url": "/",
   "display": "standalone",
+  "display_override": [
+    "window-controls-overlay"
+  ],
   "background_color": "#000000",
   "theme_color": "#000000",
   "orientation": "portrait-primary",
diff --git a/styles.css b/styles.css
index bf91bcd..347e5d1 100644
--- a/styles.css
+++ b/styles.css
@@ -2812,3 +2812,22 @@ input:checked + .slider::before {
         font-size: 4rem;
     }
 }
+
+/* Window Controls Overlay */
+@media (display-mode: window-controls-overlay) {
+    .app-container {
+        margin-top: env(titlebar-area-height, 0);
+    }
+
+    .main-header {
+        -webkit-app-region: drag;
+    }
+
+    .main-header * {
+        -webkit-app-region: no-drag;
+    }
+
+    .sidebar {
+        padding-top: max(1.5rem, env(titlebar-area-height, 0));
+    }
+}