silentmode/theseus
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(theseus/chrome): collapsed extension button shows first extension's icon

Browse source 
At responsive level 3 the dock folds into a single button; that button
was a generic 🧩 puzzle piece. Swap it for the first registered
extension's own icon (📝, ₿, Ⓢ, whatever ships first in the panels
list), with the puzzle piece staying as the empty-state fallback if
no addons are registered yet. Clicking still opens the same dropdown
of all installed extensions, so no functional change — just the
button reads as "the extension you're most likely to want" instead of
a generic marker.
This commit is contained in:
Local Dev 2026-09-06 21:58:28 +02:00
parent f868f3ba9f
commit a18c1b243b
1 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
chrome.html
View file

@ -350,7 +350,7 @@
</button>
<span class="extdock" id="extdock" hidden>
<span id="extbuttons"></span>
<button class="extmore" id="extmore" title="Extensions" aria-label="Extensions">🧩</button>
<button class="extmore" id="extmore" title="Extensions" aria-label="Extensions"></button>
</span>
<span class="upchip" id="upchip" hidden><button class="upcore" id="upDownload" title=""></button><button class="updismiss" id="upDismiss" title="Not now">✕</button></span>
<button class="tor" id="tor" title="Route traffic through Tor">🧅 Tor: Off</button>
@ -507,7 +507,14 @@
else { T.openSidebar && T.openSidebar(pid); }
};
});
// Reflect active state on the collapsed .extmore button too.
// Collapsed dock button: show the first extension's icon (falling back
// to 🧩 if nothing is registered yet). Clicking it opens a dropdown of
// all extensions so the user can pick. Reflect active state so the
// acid tint carries across whether the row or the collapsed button is
// showing.
const first = lastPanels[0];
$("extmore").textContent = first ? String(first.icon || "•") : "🧩";
$("extmore").title = first ? "Extensions — " + (first.title || first.panelId) : "Extensions";
$("extmore").classList.toggle("active", sidebarOpen && !!activePanelId);
}
T.sidebarState && T.sidebarState().then(renderSidebarState);