diff --git a/src/features/featureMenu/index.ts b/src/features/featureMenu/index.ts index 00bc7c09..383c3225 100644 --- a/src/features/featureMenu/index.ts +++ b/src/features/featureMenu/index.ts @@ -12,7 +12,8 @@ function createFeatureMenu() { elementId: "yte-feature-menu", elementType: "div", styles: { - display: "none" + display: "none", + zIndex: "2050" } }); // Create the feature menu panel diff --git a/src/features/maximizePlayerButton/utils.ts b/src/features/maximizePlayerButton/utils.ts index db0177a9..2d874dc9 100644 --- a/src/features/maximizePlayerButton/utils.ts +++ b/src/features/maximizePlayerButton/utils.ts @@ -69,6 +69,8 @@ export function maximizePlayer() { if (!controlsElement) return; const sizeElement = document.querySelector("button.ytp-button.ytp-size-button"); if (!sizeElement) return; + const featureMenu = document.querySelector("#yte-feature-menu"); + if (!featureMenu) return; const { childNodes: [svgElement] } = sizeElement; @@ -121,6 +123,7 @@ export function maximizePlayer() { videoElement.classList.remove("maximized_video"); videoContainer.classList.remove("maximized_video_container"); controlsElement.classList.remove("maximized_controls"); + featureMenu.style.bottom = ""; } else { // sizeElement.click(); @@ -141,5 +144,6 @@ export function maximizePlayer() { videoElement.classList.add("maximized_video"); videoContainer.classList.add("maximized_video_container"); controlsElement.classList.add("maximized_controls"); + featureMenu.style.bottom = "-14px"; } }