Watch
0
0
Fork
You've already forked hyperhive
0

swarm-ui: the egress icon is shown as an emoji like the others

The globe of the egress card and of the allowed-domains box showed as a
plain monochrome glyph where the bee and the bell were emoji: a font with a
text-style glyph for the globe won over the emoji font. The two globes now carry
the emoji variation selector, and a panel's icon asks for emoji presentation
(font-variant-emoji), so another icon cannot fall the same way.
This commit is contained in:
iris 2026-11-06 17:05:01 +01:00 • committed by mara
commit 38505a5864
3 changed files with 5 additions and 2 deletions

View file

@ -196,7 +196,7 @@ export function AddForm({
return ( return (
<Panel <Panel
title={`${deny ? "denied" : "allowed"} domain — ${agent ?? "swarm-wide"}`} title={`${deny ? "denied" : "allowed"} domain — ${agent ?? "swarm-wide"}`}
icon="🌐" icon={"🌐\uFE0F"}
onClose={onClose} onClose={onClose}
> >
<p> <p>

View file

@ -136,7 +136,7 @@ export function EgressCard() {
return ( return (
<LazyDisclosure <LazyDisclosure
title="egress" title="egress"
icon="🌐" icon={"🌐\uFE0F"}
hint="the domains every agent may or may not reach through its hive's proxy" hint="the domains every agent may or may not reach through its hive's proxy"
> >
<EgressBody /> <EgressBody />

View file

@ -28,6 +28,9 @@
.ui-panel-icon { .ui-panel-icon {
font-size: 1.2em; font-size: 1.2em;
line-height: 1; line-height: 1;
/* A panel's icon is an emoji: a font that has a text-style glyph for it
(the globe, in some monospace fonts) must not win over the emoji font. */
font-variant-emoji: emoji;
} }
/* `margin-left: auto` (not `justify-content: space-between` on the /* `margin-left: auto` (not `justify-content: space-between` on the
header) so this cluster still lands at the right edge even on the header) so this cluster still lands at the right edge even on the