feat(aegis): 0.10.0 — one status row above the balance instead of two around it

The network chip sat on its own row holding a single chip and ~300px of dead
space, while the connection state and the per-wallet actions sat on a second
row underneath the balance. Two thin rows sandwiching the number people open
the panel for pushed it into the middle of the header. They are now one row
above it: [network] [state] ......... [Explorer] [Faucet].

Neither half belongs in Settings. The status line is not a hostname label —
it is also where "connecting…", "· syncing", "· <n> unconfirmed" and the
walletd setup prompt are written, so filing it away would hide an unconfirmed
balance and an instruction. Explorer and Faucet are verbs on the selected
wallet rather than configuration, which is why 0.9.2 lifted them out of the
Receive card in the first place.

Only the hostname may shrink. Left to itself the flexbox took width off the
network chip first and clipped "Chipnet testnet" to "Chipnet" — the one label
on that row that must never be ambiguous, since it says whether the next
action moves real money.
This commit is contained in:
Local Dev 2026-09-27 01:09:49 +02:00
parent 546b8f5767
commit 570e9e6213

View file

@ -44,8 +44,7 @@
.bal .big small { font-size: 13px; color: var(--mut); font-weight: 500; margin-left: 0; }
/* Scoped to the hero — .fiat is also the Send form's conversion line. */
.bal .big .fiat { font-size: 14px; margin-left: 6px; }
.bal .sub { color: var(--dim); font-size: 11.5px; display: flex; align-items: center; gap: 8px; margin-top: 3px; }
.bal .sub .netlbl { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
/* .sub is gone — its contents moved up into .netrow, see below. */
/* Full-panel sheet — fills most of the sidebar but stops above the
footer so the aegis.x brand + version chip stay visible. Users
opening + should still know which build they're on and be able
@ -101,8 +100,23 @@
.ttag { display: inline-block; font-size: 9.5px; letter-spacing: .06em; padding: 1px 5px; border-radius: 3px;
background: rgba(224,179,65,.18); color: #e0b341; font-weight: 700; vertical-align: middle; margin-left: 2px; }
/* 0.8.4: hNet became a proper chip on its own row (.netrow) so the
network the wallet is on is easy to spot AND easy to switch. */
.netrow { display: flex; margin-top: 6px; padding: 0 2px; }
network the wallet is on is easy to spot AND easy to switch.
0.10.0: that row carried one small chip and ~300px of dead space, while
a second row under the balance carried the connection state and the
per-wallet actions. Two thin rows sandwiching the balance pushed the
number people open the panel for into the middle of the header. They are
one row now: [network] [state] ........ [Explorer] [Faucet], above the
balance. The whole row hides together when there is no wallet context,
which is the only case the old .netrow hid in. */
.netrow { display: flex; align-items: center; gap: 7px; margin-top: 8px;
padding: 0 2px; min-width: 0; }
/* Only the hostname may shrink. Without this the flexbox took width off
the network chip first, clipping "Chipnet testnet" to "Chipnet" — the
one label on the row that must never be ambiguous, since it is what
tells you whether you are about to move real money. */
.netrow .netchip, .netrow .net, .netrow .hdracts { flex: none; }
.netrow .netlbl { flex: 1 1 auto; color: var(--dim); font-size: 11.5px; min-width: 0;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.netchip { background: rgba(255,255,255,.05); border: 1px solid var(--line);
color: var(--mut); border-radius: 999px; padding: 3px 10px 3px 8px;
font: inherit; font-size: 11.5px; cursor: pointer; display: inline-flex;
@ -648,6 +662,20 @@
next to the wallet name. Click cycles / opens the network menu. -->
<div class="netrow" id="hNetRow" hidden>
<button type="button" class="netchip" id="hNet" title="Switch network"></button>
<span class="net"><span class="dot" id="dot"></span></span>
<!-- Not just a hostname: this line is also where "connecting…",
"· syncing", "· <n> unconfirmed" and the walletd setup prompt are
written, so it cannot move to Settings without hiding an
unconfirmed balance and a setup instruction. -->
<span class="netlbl" id="netlbl">connecting…</span>
<!-- 0.9.2 moved Explorer/Faucet out of the Receive card because they act
on the selected wallet, not on the act of receiving. They stay a
per-wallet action for the same reason they are not Settings: they
are verbs on the current wallet, not configuration. -->
<span class="hdracts">
<button class="hdract" id="viewAddr" type="button" title="Open this address in a block explorer">Explorer</button>
<button class="hdract" id="openFaucet" type="button" title="Open this testnet's faucet" hidden>Faucet</button>
</span>
</div>
<div id="drop" hidden></div>
<div class="bal">
@ -655,18 +683,6 @@
<span id="balMain">—</span><small id="balTicker">—</small>
<span id="balFiat" class="fiat" hidden></span>
</div>
<div class="sub">
<span class="netlbl" id="netlbl">connecting…</span>
<span class="net"><span class="dot" id="dot"></span></span>
<!-- 0.9.2: Explorer / Faucet moved up out of the Receive address
card. They act on the selected wallet, not on the act of
receiving, and down there they competed with Copy + QR for
the one row people actually use. -->
<span class="hdracts">
<button class="hdract" id="viewAddr" type="button" title="Open this address in a block explorer">Explorer</button>
<button class="hdract" id="openFaucet" type="button" title="Open this testnet's faucet" hidden>Faucet</button>
</span>
</div>
<div id="portfolio" class="portfolio" hidden></div>
</div>
</header>