From f97524429d0062bede9158ecdf4cefeee3b47a61 Mon Sep 17 00:00:00 2001
From: Alejandra <90076947+alejsdev@users.noreply.github.com>
Date: Sun, 21 Sep 2025 16:11:11 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix=20sponsor=20display=20issue?=
 =?UTF-8?q?=20by=20hiding=20element=20on=20image=20error=20(#14097)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/en/docs/css/custom.css |  5 -----
 docs/en/docs/js/custom.js   | 18 ++++++++++++++++++
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/docs/en/docs/css/custom.css b/docs/en/docs/css/custom.css
index 05bfd0fe8..b192f6123 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 4c0ada312..425b7fce7 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()