fix(fullscreen): updated css selector

updated css selector in fullscreen option and made it a little better looking.
Schwartzblat · Dec 22, 2024 · eb3cf70 · eb3cf70
1 parent db570ff
commit eb3cf70
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/packed.js b/packed.js
@@ -414,8 +414,9 @@ window.plus_main = () => {
 
 
     class FullscreenHook extends Hook {
+        CSSselector = 'div[id="app"]>div>div>div[tabindex="-1"]';
         FULLSCREEN_CSS = `
-            div[id="app"]>div>div[tabindex="-1"] {
+            ${this.CSSselector} {
                 min-width: 100% !important;
                 height: 100% !important;
                 top: 0 !important;
@@ -457,7 +458,7 @@ window.plus_main = () => {
         }
 
         apply_fullscreen() {
-            const targetElement = document.querySelector('div[id="app"]>div>div[tabindex="-1"]');
+            const targetElement = document.querySelector(this.CSSselector);
             if (targetElement) {
                 if (!this.style) {
                     this.style = document.createElement('style');

diff --git a/scripts/fullscreen.js b/scripts/fullscreen.js
@@ -1,6 +1,7 @@
 class FullscreenHook extends Hook {
+    CSSselector = 'div[id="app"]>div>div>div[tabindex="-1"]';
     FULLSCREEN_CSS = `
-        div[id="app"]>div>div[tabindex="-1"] {
+        ${this.CSSselector} {
             min-width: 100% !important;
             height: 100% !important;
             top: 0 !important;
@@ -42,7 +43,7 @@ class FullscreenHook extends Hook {
     }
 
     apply_fullscreen() {
-        const targetElement = document.querySelector('div[id="app"]>div>div[tabindex="-1"]');
+        const targetElement = document.querySelector(this.CSSselector);
         if (targetElement) {
             if (!this.style) {
                 this.style = document.createElement('style');