diff --git a/bundled-addons/aegis/panel.html b/bundled-addons/aegis/panel.html index 2adfec67..bdfda373 100644 --- a/bundled-addons/aegis/panel.html +++ b/bundled-addons/aegis/panel.html @@ -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. -->