Thread viewer for Bluesky

fixed account icon in menu in dark mode

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