Update mediaBarEnhanced.js and mediaBarEnhanced.css with version 3.0.8 from original repo

Jellyfin.Plugin.MediaBarEnhanced/Jellyfin.Plugin.MediaBarEnhanced.csproj

@@ -12,7 +12,7 @@
     <!-- <TreatWarningsAsErrors>false</TreatWarningsAsErrors> -->
     <Title>Jellyfin Media Bar Enhanced Plugin</Title>
     <Authors>CodeDevMLH</Authors>
-    <Version>1.2.0.0</Version>
+    <Version>1.2.1.0</Version>
     <RepositoryUrl>https://github.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced</RepositoryUrl>
   </PropertyGroup>
 

Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css

@@ -1,5 +1,5 @@
 /*
- * Jellyfin Slideshow by M0RPH3US v3.0.6
+ * Jellyfin Slideshow by M0RPH3US v3.0.8
  * Modified by CodeDevMLH v1.1.0.0
  * 
  * New features:
@@ -41,11 +41,11 @@
 
 @keyframes kenBurnsZoomIn {
   from {
-    transform: scale(1);
+    transform: scale3d(1, 1, 0);
   }
 
   to {
-    transform: scale(1.1);
+    transform: scale3d(1.1, 1.1, 0.1);
   }
 }
 
@@ -128,6 +128,10 @@
   transition: width 0.2s ease-in-out;
 }
 
+.layout-mobile .splashLogo {
+  height: 12%;
+}
+
 .backdrop.low-quality {
   filter: blur(0.5px);
   transform: scale(1.01);

Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js

@@ -1,5 +1,5 @@
 /*
- * Jellyfin Slideshow by M0RPH3US v3.0.6
+ * Jellyfin Slideshow by M0RPH3US v3.0.8
  * Modified by CodeDevMLH v1.1.0.0
  * 
  * New features:
@@ -253,31 +253,53 @@ const initLoadingScreen = () => {
 
   const checkInterval = setInterval(() => {
     const loginFormLoaded = document.querySelector(".manualLoginForm");
-    const homePageLoaded =
-      document.querySelector(".homeSectionsContainer") &&
-      document.querySelector("#slides-container");
+    const activeTab = document.querySelector(".pageTabContent.is-active");
 
-    if (loginFormLoaded || homePageLoaded) {
-      clearInterval(progressInterval);
-      clearInterval(checkInterval);
+    if (loginFormLoaded) {
+      finishLoading();
+      return;
+    }
 
-      progressBar.style.transition = "width 300ms ease-in-out";
-      progressBar.style.width = "100%";
-      unfilledBar.style.width = "0%";
+    if (activeTab) {
+      const tabIndex = activeTab.getAttribute("data-index");
 
-      progressBar.addEventListener('transitionend', () => {
-        requestAnimationFrame(() => {
-          const loader = document.querySelector(".bar-loading");
-          if (loader) {
-            loader.style.opacity = '0';
-            setTimeout(() => {
-              loader.remove();
-            }, 300);
-          }
-        });
-      })
+      if (tabIndex === "0") {
+        const homeSections = document.querySelector(".homeSectionsContainer");
+        const slidesContainer = document.querySelector("#slides-container");
+
+        if (homeSections && slidesContainer) {
+          finishLoading();
+        }
+      } else {
+        if (
+          activeTab.children.length > 0 ||
+          activeTab.innerText.trim().length > 0
+        ) {
+          finishLoading();
+        }
+      }
     }
   }, CONFIG.loadingCheckInterval);
+
+  const finishLoading = () => {
+    clearInterval(progressInterval);
+    clearInterval(checkInterval);
+    progressBar.style.transition = "width 300ms ease-in-out";
+    progressBar.style.width = "100%";
+    unfilledBar.style.width = "0%";
+
+    progressBar.addEventListener("transitionend", () => {
+      requestAnimationFrame(() => {
+        const loader = document.querySelector(".bar-loading");
+        if (loader) {
+          loader.style.opacity = "0";
+          setTimeout(() => {
+            loader.remove();
+          }, 300);
+        }
+      });
+    });
+  };
 };
 
 /**