diff --git a/docs/en/docs/css/custom.css b/docs/en/docs/css/custom.css index b192f6123..a38df772f 100644 --- a/docs/en/docs/css/custom.css +++ b/docs/en/docs/css/custom.css @@ -102,7 +102,15 @@ a.announce-link:hover { align-items: center; } -.announce-wrapper div.item { +.announce-wrapper #announce-left div.item { + display: none; +} + +.announce-wrapper #announce-right { + display: none; +} + +.announce-wrapper #announce-right div.item { display: none; } @@ -112,7 +120,7 @@ a.announce-link:hover { top: -10px; right: 0; font-size: 0.5rem; - color: #999; + color: #e6e6e6; background-color: #666; border-radius: 10px; padding: 0 10px; diff --git a/docs/en/docs/js/custom.js b/docs/en/docs/js/custom.js index 014bcfaff..42b86df4d 100644 --- a/docs/en/docs/js/custom.js +++ b/docs/en/docs/js/custom.js @@ -136,12 +136,10 @@ async function showRandomAnnouncement(groupId, timeInterval) { } function handleSponsorImages() { - const sponsorImages = document.querySelectorAll('.sponsor-image'); const announceRight = document.getElementById('announce-right'); - - if (announceRight) { - announceRight.style.display = 'none'; - } + if(!announceRight) return; + + const sponsorImages = document.querySelectorAll('.sponsor-image'); const imagePromises = Array.from(sponsorImages).map(img => { return new Promise((resolve, reject) => { @@ -156,10 +154,8 @@ function handleSponsorImages() { Promise.all(imagePromises) .then(() => { - if (announceRight) { - announceRight.style.display = 'block'; - showRandomAnnouncement('announce-right', 10000); - } + announceRight.style.display = 'block'; + showRandomAnnouncement('announce-right', 10000); }) .catch(() => { // do nothing