zzstoatzz.io / coral
this repo has no description coral.waow.tech
fork atom

fix: haiku attribution visible when empty

CSS `display: flex` on .haiku-container overrode the HTML `hidden`
attribute. Switch to a `.visible` class toggle instead.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

zzstoatzz.io 580470e4 2948a956

+8 -4
unified split
+2 -2
site/grid.js
··· 896 896 if (data.data.haiku) updateHaiku(data.data.haiku); 897 897 else { 898 898 const hc = document.getElementById('haiku-container'); 899 - if (hc) hc.hidden = true; 899 + if (hc) hc.classList.remove('visible'); 900 900 currentHaiku = ''; 901 901 } 902 902 syncSelectedEntity(); ··· 1768 1768 const timeEl = document.getElementById('haiku-time'); 1769 1769 if (!container || !textEl) return; 1770 1770 textEl.textContent = '\u201C' + haiku + '\u201D'; 1771 - container.hidden = false; 1771 + container.classList.add('visible'); 1772 1772 1773 1773 // set human-readable timestamp 1774 1774 if (timeEl) {
+1 -1
site/index.html
··· 90 90 </div> 91 91 </div> 92 92 93 - <div class="haiku-container" id="haiku-container" hidden> 93 + <div class="haiku-container" id="haiku-container"> 94 94 <blockquote class="haiku-quote"> 95 95 <div class="haiku-text" id="haiku-text"></div> 96 96 <div class="haiku-footer">
+5 -1
site/style.css
··· 718 718 719 719 /* haiku display — proper attributed quote */ 720 720 .haiku-container { 721 - display: flex; 721 + display: none; 722 722 align-items: center; 723 723 justify-content: center; 724 724 padding: 1.5rem 0; 725 725 margin-bottom: 0.5rem; 726 726 border-top: 1px solid var(--border); 727 + } 728 + 729 + .haiku-container.visible { 730 + display: flex; 727 731 } 728 732 729 733 .haiku-quote {