From: Alejandra <90076947+alejsdev@users.noreply.github.com>
Date: Sun, 21 Sep 2025 14:11:11 +0000 (+0200)
Subject: 🐛 Fix sponsor display issue by hiding element on image error (#14097)
X-Git-Tag: 0.118.0~15
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=f97524429d0062bede9158ecdf4cefeee3b47a61;p=thirdparty%2Ffastapi%2Ffastapi.git

🐛 Fix sponsor display issue by hiding element on image error (#14097)
---

diff --git a/docs/en/docs/css/custom.css b/docs/en/docs/css/custom.css
index 05bfd0fe86..b192f6123a 100644
--- a/docs/en/docs/css/custom.css
+++ b/docs/en/docs/css/custom.css
@@ -124,11 +124,6 @@ a.announce-link:hover {
   border-radius: 20px;
 }
 
-/* Hide .sponsor-badge when .sponsor-image is display none */
-.announce-wrapper a:has(.sponsor-image[style*="display: none"]) .sponsor-badge {
-  display: none;
-}
-
 .announce-wrapper>div {
   min-height: 40px;
   display: flex;
diff --git a/docs/en/docs/js/custom.js b/docs/en/docs/js/custom.js
index 4c0ada312e..425b7fce7f 100644
--- a/docs/en/docs/js/custom.js
+++ b/docs/en/docs/js/custom.js
@@ -135,10 +135,28 @@ async function showRandomAnnouncement(groupId, timeInterval) {
     }
 }
 
+function hideSponsorOnImageError() {
+    const sponsorImages = document.querySelectorAll('.sponsor-image');
+    const announceRight = document.getElementById('announce-right');
+
+    function hideAnnounceRight() {
+        if (announceRight) {
+            announceRight.style.display = 'none';
+        }
+    }
+
+    sponsorImages.forEach(function(img) {
+        img.addEventListener('error', function() {
+            hideAnnounceRight();
+        });
+    });
+}
+
 async function main() {
     setupTermynal();
     showRandomAnnouncement('announce-left', 5000)
     showRandomAnnouncement('announce-right', 10000)
+    hideSponsorOnImageError();
 }
 document$.subscribe(() => {
     main()