Browse Source

JellyStat: ensure metadata popups work like Emby by adding hidden inline-popups anchors alongside -metadata-div containers; keeps existing metadata-get attributes intact

mgomon 8 months ago
parent
commit
b0a39e9e7c
1 changed files with 6 additions and 2 deletions
  1. 6 2
      api/homepage/jellystat.php

+ 6 - 2
api/homepage/jellystat.php

@@ -742,7 +742,9 @@ trait JellyStatHomepageItem
                     html += "</div>";
                     html += "</div>";
                     
                     
                     // Add metadata popup elements (Organizr style) using sanitized ID
                     // Add metadata popup elements (Organizr style) using sanitized ID
-                    html += "<div id=\"" + sanitizedId + "-metadata-div\" class=\"white-popup mfp-with-anim mfp-hide\">";
+                    // Include a hidden anchor to trigger Magnific Popup, matching Emby/Jellyfin implementation
+                    html += "<a class=\"inline-popups " + sanitizedId + " hidden\" href=\"#" + sanitizedId + "-metadata-div\" data-effect=\"mfp-zoom-out\"></a>";
+                    html += "<div id=\"" + sanitizedId + "-metadata-div\" class=\"white-popup mfp-with-anim mfp-hide\"">";
                     html += "<div class=\"col-md-8 col-md-offset-2 " + sanitizedId + "-metadata-info\"></div>";
                     html += "<div class=\"col-md-8 col-md-offset-2 " + sanitizedId + "-metadata-info\"></div>";
                     html += "</div>";
                     html += "</div>";
                     
                     
@@ -811,7 +813,9 @@ trait JellyStatHomepageItem
                     html += "</div>";
                     html += "</div>";
                     
                     
                     // Add metadata popup elements (Organizr style) using sanitized ID
                     // Add metadata popup elements (Organizr style) using sanitized ID
-                    html += "<div id=\"" + sanitizedId + "-metadata-div\" class=\"white-popup mfp-with-anim mfp-hide\">";
+                    // Include a hidden anchor to trigger Magnific Popup, matching Emby/Jellyfin implementation
+                    html += "<a class=\"inline-popups " + sanitizedId + " hidden\" href=\"#" + sanitizedId + "-metadata-div\" data-effect=\"mfp-zoom-out\"></a>";
+                    html += "<div id=\"" + sanitizedId + "-metadata-div\" class=\"white-popup mfp-with-anim mfp-hide\"">";
                     html += "<div class=\"col-md-8 col-md-offset-2 " + sanitizedId + "-metadata-info\"></div>";
                     html += "<div class=\"col-md-8 col-md-offset-2 " + sanitizedId + "-metadata-info\"></div>";
                     html += "</div>";
                     html += "</div>";