From 97a277a192b5e305b0fed8f7102e01174a52aee8 Mon Sep 17 00:00:00 2001
From: JellyBrick <shlee1503@naver.com>
Date: Sun, 11 May 2025 01:56:01 +0900
Subject: [PATCH] fix(youtube-music): fix #3296, and macOS traffic lights

---
 src/plugins/in-app-menu/titlebar.css |  5 +++++
 src/renderer.ts                      | 12 ++++++++++++
 src/youtube-music.css                |  4 ----
 3 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/plugins/in-app-menu/titlebar.css b/src/plugins/in-app-menu/titlebar.css
index f61a5c04..a19589c8 100644
--- a/src/plugins/in-app-menu/titlebar.css
+++ b/src/plugins/in-app-menu/titlebar.css
@@ -80,3 +80,8 @@ html {
 ytmusic-browse-response .ytmusic-responsive-list-item-renderer {
   will-change: transform;
 }
+
+/* fix fullscreen style */
+ytmusic-player[player-ui-state='FULLSCREEN'] {
+  margin-top: calc(var(--menu-bar-height, 32px) * -1) !important;
+}
diff --git a/src/renderer.ts b/src/renderer.ts
index e7be8bcf..c584ae8e 100644
--- a/src/renderer.ts
+++ b/src/renderer.ts
@@ -32,6 +32,18 @@ let firstDataLoaded = false;
 
 registerWindowDefaultTrustedTypePolicy();
 
+{
+  let osType = 'Unknown';
+  if (window.electronIs.osx()) {
+    osType = 'Macintosh';
+  } else if (window.electronIs.windows()) {
+    osType = 'Windows';
+  } else if (window.electronIs.linux()) {
+    osType = 'Linux';
+  }
+  document.documentElement.setAttribute('data-os', osType);
+}
+
 async function listenForApiLoad() {
   if (!isApiLoaded) {
     api = document.querySelector('#movie_player');
diff --git a/src/youtube-music.css b/src/youtube-music.css
index 0c515680..85d3bba8 100644
--- a/src/youtube-music.css
+++ b/src/youtube-music.css
@@ -79,10 +79,6 @@ tp-yt-paper-item.ytmusic-guide-entry-renderer::before {
   max-width: calc(100% - var(--ytmusic-player-page-vertical-padding) * 2);
 }
 
-ytmusic-player[player-ui-state='FULLSCREEN'] {
-  margin-top: calc(var(--menu-bar-height, 32px) * -1) !important;
-}
-
 /* macos traffic lights fix */
 :where([data-os*='Macintosh']) ytmusic-app-layout#layout ytmusic-nav-bar {
   padding-top: var(--ytmusic-nav-bar-offset, 0);