From 47827df047beab4461e4e3ca6e2522e585eacc98 Mon Sep 17 00:00:00 2001
From: CodeDevMLH <145071728+CodeDevMLH@users.noreply.github.com>
Date: Fri, 23 Jan 2026 00:50:01 +0100
Subject: [PATCH] Update mediaBarEnhanced.js and mediaBarEnhanced.css with
 version 3.0.8 from original repo

---
 .../Jellyfin.Plugin.MediaBarEnhanced.csproj   |  2 +-
 .../Web/mediaBarEnhanced.css                  | 10 ++-
 .../Web/mediaBarEnhanced.js                   | 64 +++++++++++++------
 manifest.json                                 |  8 +++
 4 files changed, 59 insertions(+), 25 deletions(-)

diff --git a/Jellyfin.Plugin.MediaBarEnhanced/Jellyfin.Plugin.MediaBarEnhanced.csproj b/Jellyfin.Plugin.MediaBarEnhanced/Jellyfin.Plugin.MediaBarEnhanced.csproj
index c4cf117..db011d0 100644
--- a/Jellyfin.Plugin.MediaBarEnhanced/Jellyfin.Plugin.MediaBarEnhanced.csproj
+++ b/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>
 
diff --git a/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css b/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css
index a3a9d11..2d572e3 100644
--- a/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css
+++ b/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);
diff --git a/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js b/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js
index f0540a0..1148c07 100644
--- a/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js
+++ b/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);
+        }
+      });
+    });
+  };
 };
 
 /**
diff --git a/manifest.json b/manifest.json
index 7ca5737..5e11941 100644
--- a/manifest.json
+++ b/manifest.json
@@ -8,6 +8,14 @@
     "category": "General",
     "imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/raw/branch/main/logo.png",
     "versions": [
+      {
+        "version": "1.2.1.0",
+        "changelog": "- Update mediaBarEnhanced.js and mediaBarEnhanced.css with version 3.0.8 from original repo",
+        "targetAbi": "10.11.0.0",
+        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.2.1.0/Jellyfin.Plugin.MediaBarEnhanced.zip",
+        "checksum": "",
+        "timestamp": ""
+      },
       {
         "version": "1.2.0.0",
         "changelog": "- Add video quality preference setting (Auto / 1080p / Highres)\n- Set preferred video quality on YouTube player based on setting",