happyz
/
fastapi
mirror of https://github.com/tiangolo/fastapi.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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

This commit is contained in:
Alejandra 2025-09-21 16:11:11 +02:00 committed by GitHub
parent 6b1e6c5efd
commit f97524429d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
docs/en/docs/css/custom.css
View File

@ -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;

18
docs/en/docs/js/custom.js
View File

@ -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()