Thread viewer for Bluesky

fixed account icon in menu in dark mode

Changed files
+9 -1
+5 -1
menu.js
··· 11 11 12 12 html.addEventListener('click', (e) => { 13 13 this.menuElement.style.visibility = 'hidden'; 14 + this.icon.classList.remove('active'); 14 15 }); 15 16 16 17 let homeLink = $(this.menuElement.querySelector('a[href="?"]'), HTMLLinkElement); ··· 69 70 } 70 71 71 72 toggleAccountMenu() { 72 - this.menuElement.style.visibility = (this.menuElement.style.visibility == 'visible') ? 'hidden' : 'visible'; 73 + let isVisible = (this.menuElement.style.visibility == 'visible'); 74 + 75 + this.menuElement.style.visibility = isVisible ? 'hidden' : 'visible'; 76 + this.icon.classList.toggle('active', !isVisible); 73 77 } 74 78 75 79 /** @param {string} buttonName */
+4
style.css
··· 1158 1158 background-color: transparent; 1159 1159 } 1160 1160 1161 + #account.active { 1162 + color: #333; 1163 + } 1164 + 1161 1165 #account_menu { 1162 1166 background: hsl(210, 33.33%, 94.0%); 1163 1167 border-color: #ccc;