this repo has no description
1
fork

Configure Feed

Select the types of activity you want to include in your feed.

toggleable search engine selection menu

+31 -2
+16
src/global.css
··· 245 245 align-content: center; 246 246 } 247 247 248 + .toggle-button{ 249 + color: var(--text-color); 250 + padding: 1rem; 251 + color: var(--text-color); 252 + border-radius: 4px; 253 + background: var(--input-bg) 254 + } 255 + 256 + .toggle-button:active{ 257 + background-color: var(--button-active-bg); 258 + } 259 + 260 + .toggle-button:hover{ 261 + background-color: var(--button-hover-bg); 262 + } 263 + 248 264 .engine-selector { 249 265 padding: 8px 12px; 250 266 border: 1px solid var(--input-border);
+15 -2
src/main.ts
··· 47 47 48 48 const currentDefault = localStorage.getItem("default-bang") ?? "g"; 49 49 const currentDefaultEngine = bangs.find(b => b.t === currentDefault)?.s ?? "Google"; 50 - const isCollapsedInitial = localStorage.getItem("engine-list-collapsed") === "true"; 51 - 50 + 52 51 app.innerHTML = /*html*/ ` 53 52 <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh;"> 54 53 <button class="theme-toggle" aria-label="Toggle dark mode"> ··· 79 78 <img src="/search-icon.svg" alt="Search" /> 80 79 </button> 81 80 </div> 81 + <button id="toggle-engine-menu" class="toggle-button">Change Default Search Engine</button> 82 82 <div class="search-engine-selector-box"> 83 83 <div class="engine-container"> 84 84 <div class="search-container"> ··· 197 197 198 198 setTimeout(() => message.remove(), 2000); 199 199 } 200 + 201 + const toggleButton = app.querySelector<HTMLButtonElement>("#toggle-engine-menu")!; 202 + const engineSelectorBox = app.querySelector<HTMLDivElement>(".search-engine-selector-box")!; 203 + 204 + toggleButton.addEventListener("click", () => { 205 + const isHidden = engineSelectorBox.style.display === "none"; 206 + engineSelectorBox.style.display = isHidden ? "block" : "none"; 207 + toggleButton.textContent = isHidden ? "Hide Search Engine Menu" : "Change Default Search Engine"; 208 + }); 209 + 210 + // Initialize the menu as visible 211 + engineSelectorBox.style.display = "block"; 212 + toggleButton.textContent = "Hide Search Engine Menu"; 200 213 } 201 214 202 215 const LS_DEFAULT_BANG = localStorage.getItem("default-bang") ?? "g";