SpinShare Referee Bot refbot.ellite.dev/overlay

update how inactive maps are displayed (spoiler, they aren't)

+8 -6
+1 -1
overlay/index.html
··· 88 88 <div class="phase-bar-text" id="phase-bar-text"></div> 89 89 </div> 90 90 91 - <div> 91 + <div id="current-chart-div" class="gone"> 92 92 <div class="section-title">Current Chart</div> 93 93 <div class="current-chart-card" id="current-chart-card"> 94 94 <img class="chart-thumb" id="chart-thumb" src="" alt="" />
+3 -5
overlay/script.js
··· 418 418 function updateCurrentChart(entry) { 419 419 if (!entry) return; 420 420 const card = document.getElementById('current-chart-card'); 421 + const div = document.getElementById('current-chart-div'); 421 422 card.classList.add('active'); 423 + div.classList.remove('gone'); 422 424 const thumb = document.getElementById('chart-thumb'); 423 425 const imgSrc = entry.thumbnailUrl ?? entry.cover ?? ''; 424 426 if (imgSrc) { thumb.src = imgSrc; thumb.style.display = 'block'; } ··· 433 435 434 436 function clearCurrentChart() { 435 437 document.getElementById('current-chart-card').classList.remove('active'); 436 - document.getElementById('chart-title').textContent = 'No chart selected'; 437 - document.getElementById('chart-artist').textContent = ''; 438 - document.getElementById('chart-charter').textContent = ''; 439 - document.getElementById('chart-thumb').style.display = 'none'; 440 - document.getElementById('chart-difficulty').style.display = 'none'; 438 + document.getElementById('current-chart-div').classList.add('gone'); 441 439 } 442 440 443 441 function renderMapPool() {
+4
overlay/style.css
··· 43 43 visibility: visible; 44 44 } 45 45 46 + .gone { 47 + display: none; 48 + } 49 + 46 50 header.hidden { 47 51 opacity: 0; 48 52 visibility: hidden;