From 81acb456d865f08abd21671938c420fa22d24d5b Mon Sep 17 00:00:00 2001 From: rtritto Date: Sat, 22 Feb 2025 01:01:06 +0100 Subject: [PATCH 1/3] Use latest z-index for v-fullscreenButtonDisplay --- src/core/vlite.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/core/vlite.css b/src/core/vlite.css index f051ef8e..c1ebc8a0 100644 --- a/src/core/vlite.css +++ b/src/core/vlite.css @@ -60,7 +60,7 @@ .v-controlBar, .v-bigPlay { position: fixed; - z-index: 2147483647; + z-index: 8; } } From bf65b6a55fcb7848b0724ea080343380425acc7a Mon Sep 17 00:00:00 2001 From: Yoriiis <2563298+yoriiis@users.noreply.github.com> Date: Sat, 22 Feb 2025 19:04:52 +0100 Subject: [PATCH 2/3] Remove override for fullscreen styles --- src/core/vlite.css | 8 -------- 1 file changed, 8 deletions(-) diff --git a/src/core/vlite.css b/src/core/vlite.css index c1ebc8a0..d13f2e08 100644 --- a/src/core/vlite.css +++ b/src/core/vlite.css @@ -56,14 +56,6 @@ display: none !important; } - &.v-fullscreenButtonDisplay { - .v-controlBar, - .v-bigPlay { - position: fixed; - z-index: 8; - } - } - &.v-paused { .v-controlBar.v-hidden { opacity: 1; From 6693471e531690304ec089966edba34490dc07a1 Mon Sep 17 00:00:00 2001 From: rtritto Date: Sat, 22 Feb 2025 19:50:27 +0100 Subject: [PATCH 3/3] Rename v-fullscreenButtonDisplay to v-fullscreen --- src/core/player.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/core/player.ts b/src/core/player.ts index 1a366fcb..203efce9 100644 --- a/src/core/player.ts +++ b/src/core/player.ts @@ -489,7 +489,7 @@ export default class Player { // @ts-ignore: Object is possibly 'null'. this.elements.container[requestFn]() this.isFullScreen = true - this.elements.outerContainer.classList.add('v-fullscreenButtonDisplay') + this.elements.outerContainer.classList.add('v-fullscreen') if (this.elements.fullscreen) { this.elements.fullscreen.classList.add('v-controlPressed') @@ -513,7 +513,7 @@ export default class Player { !escKey && document[cancelFn]() this.isFullScreen = false - this.elements.outerContainer.classList.remove('v-fullscreenButtonDisplay') + this.elements.outerContainer.classList.remove('v-fullscreen') if (this.elements.fullscreen) { this.elements.fullscreen.classList.remove('v-controlPressed')