From 6fb926ca2ad289dac0057f4b391911a4bdbe8ae8 Mon Sep 17 00:00:00 2001
From: h-banii <h-banii@users.noreply.github.com>
Date: Fri, 15 Nov 2024 23:51:42 -0300
Subject: [PATCH] fix(ambient-mode): fix ambient-mode overlapping other
 elements

---
 src/plugins/ambient-mode/style.css | 9 +++++++++
 src/plugins/video-toggle/index.ts  | 6 ++++++
 2 files changed, 15 insertions(+)

diff --git a/src/plugins/ambient-mode/style.css b/src/plugins/ambient-mode/style.css
index fb72427db2..78fcf55b22 100644
--- a/src/plugins/ambient-mode/style.css
+++ b/src/plugins/ambient-mode/style.css
@@ -34,3 +34,12 @@
   margin: 0 auto !important;
   overflow: visible;
 }
+
+/* Fix ambient mode overlapping other elements #2520 */
+.song-button.ytmusic-av-toggle, .video-button.ytmusic-av-toggle {
+  z-index: 1;
+  background-color: transparent;
+}
+#side-panel.side-panel.ytmusic-player-page {
+  z-index: 0;
+}
diff --git a/src/plugins/video-toggle/index.ts b/src/plugins/video-toggle/index.ts
index 5e9049164b..830a7d42f6 100644
--- a/src/plugins/video-toggle/index.ts
+++ b/src/plugins/video-toggle/index.ts
@@ -129,6 +129,9 @@ export default createPlugin({
           document
             .querySelector('ytmusic-player')
             ?.setAttribute('has-av-switcher', '');
+          document
+            .querySelector('ytmusic-av-toggle')
+            ?.removeAttribute('toggle-disabled');
           return;
         }
 
@@ -139,6 +142,9 @@ export default createPlugin({
           document
             .querySelector('ytmusic-player')
             ?.removeAttribute('has-av-switcher');
+          document
+            .querySelector('ytmusic-av-toggle')
+            ?.setAttribute('toggle-disabled', '');
           return;
         }
       }