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:
parent
546b8f5767
commit
570e9e6213
1 changed files with 32 additions and 16 deletions
|
|
@ -44,8 +44,7 @@
|
||||||
.bal .big small { font-size: 13px; color: var(--mut); font-weight: 500; margin-left: 0; }
|
.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. */
|
/* Scoped to the hero — .fiat is also the Send form's conversion line. */
|
||||||
.bal .big .fiat { font-size: 14px; margin-left: 6px; }
|
.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; }
|
/* .sub is gone — its contents moved up into .netrow, see below. */
|
||||||
.bal .sub .netlbl { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
|
|
||||||
/* Full-panel sheet — fills most of the sidebar but stops above the
|
/* Full-panel sheet — fills most of the sidebar but stops above the
|
||||||
footer so the aegis.x brand + version chip stay visible. Users
|
footer so the aegis.x brand + version chip stay visible. Users
|
||||||
opening + should still know which build they're on and be able
|
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;
|
.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; }
|
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
|
/* 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. */
|
network the wallet is on is easy to spot AND easy to switch.
|
||||||
.netrow { display: flex; margin-top: 6px; padding: 0 2px; }
|
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);
|
.netchip { background: rgba(255,255,255,.05); border: 1px solid var(--line);
|
||||||
color: var(--mut); border-radius: 999px; padding: 3px 10px 3px 8px;
|
color: var(--mut); border-radius: 999px; padding: 3px 10px 3px 8px;
|
||||||
font: inherit; font-size: 11.5px; cursor: pointer; display: inline-flex;
|
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. -->
|
next to the wallet name. Click cycles / opens the network menu. -->
|
||||||
<div class="netrow" id="hNetRow" hidden>
|
<div class="netrow" id="hNetRow" hidden>
|
||||||
<button type="button" class="netchip" id="hNet" title="Switch network"></button>
|
<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>
|
||||||
<div id="drop" hidden></div>
|
<div id="drop" hidden></div>
|
||||||
<div class="bal">
|
<div class="bal">
|
||||||
|
|
@ -655,18 +683,6 @@
|
||||||
<span id="balMain">—</span><small id="balTicker">—</small>
|
<span id="balMain">—</span><small id="balTicker">—</small>
|
||||||
<span id="balFiat" class="fiat" hidden></span>
|
<span id="balFiat" class="fiat" hidden></span>
|
||||||
</div>
|
</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 id="portfolio" class="portfolio" hidden></div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue