fix UI issues including transparency

Based on the following commits: reisxd/TizenTube@185f458 reisxd/TizenTube@8800d1f Co-authored-by: reisxd <[email protected]>
throwaway96 · Mar 25, 2024 · f5c6e9f · f5c6e9f
1 parent 1581696
commit f5c6e9f
Showing 1 changed file with 42 additions and 0 deletions.
diff --git a/src/ui.js b/src/ui.js
@@ -207,3 +207,45 @@ export function showNotification(text, time = 3000) {
 setTimeout(() => {
   showNotification('Press [GREEN] to open YTAF configuration screen');
 }, 2000);
+
+function applyUIFixes() {
+  try {
+    const tc = window.tectonicConfig;
+    tc.clientData.legacyApplicationQuality = 'full-animation';
+    tc.featureSwitches.enableAnimations = true;
+    tc.featureSwitches.enableListAnimations = true;
+    tc.featureSwitches.enableOnScrollLinearAnimation = true;
+    tc.featureSwitches.isLimitedMemory = false;
+  } catch (e) {
+    console.error('error setting tectonicConfig:', e);
+  }
+
+  try {
+    const bodyClasses = document.body.classList;
+
+    const observer = new MutationObserver(function bodyClassCallback(
+      _records,
+      _observer
+    ) {
+      try {
+        if (bodyClasses.contains('app-quality-root')) {
+          bodyClasses.remove('app-quality-root');
+        }
+      } catch (e) {
+        console.error('error in <body> class observer callback:', e);
+      }
+    });
+
+    observer.observe(document.body, {
+      subtree: false,
+      childList: false,
+      attributes: true,
+      attributeFilter: ['class'],
+      characterData: false
+    });
+  } catch (e) {
+    console.error('error setting up <body> class observer:', e);
+  }
+}
+
+applyUIFixes();