Een tegel leek uitgelijnd en vier niet, en dat lag aan waar de tekst begon

De sparkline is precies even hoog als het vak dat stat-sub reserveert, dus die
raakte de onderrand. Een regel tekst in datzelfde vak begon bovenaan en liet er
leegte onder. Vandaar dat de reactietijd uitgelijnd oogde en de rest niet.

Opgelost met grid plus align-items: end, en niet met flex: dan blijft de tekst
een gewoon blok dat afbreekt zoals het hoort, ook de mono-variant met een lange
domeinnaam erin.

De hoogte van de bovenste rij is niet verder vergroot. Dat was de andere weg naar
hetzelfde beeld en die wilde de gebruiker uitdrukkelijk niet.

De chevron van het instelkader staat links voor de titel in plaats van rechts aan
de rand, en kleurt mee bij hover zoals het menu rechtsboven. Links is waar het
driehoekje van de browser ook gestaan zou hebben, en het staat bij het woord waar
het iets over zegt.

De zelfcontrole is op het apparaat bevestigd: Answering, handdruk in 10 ms.
Daarmee klopte de verklaring uit 0.0.18 en is open punt 5 helemaal rond.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Harmen
2026-08-27 16:14:19 +02:00
co-authored by Claude Opus 5
parent 498b0fe695
commit 628c20c494
4 changed files with 73 additions and 17 deletions
+19
View File
@@ -8,6 +8,25 @@ Wat er nog moet gebeuren staat **niet** hier maar in de plannen; zie [CONTINUE_H
Een lijst met geplande features op twee plekken loopt uit elkaar, en dan is geen van beide meer te Een lijst met geplande features op twee plekken loopt uit elkaar, en dan is geen van beide meer te
vertrouwen. vertrouwen.
## [0.0.19] - 2026-08-27
### Changed
- **De onderregel van een widget staat nu onderin het vak in plaats van bovenin.** Dit was het verschil
dat de gebruiker zag: de sparkline is precies 34 pixels hoog en raakt dus de onderrand van het vak dat
`.stat-sub` reserveert, terwijl een regel tekst in datzelfde vak bovenaan begon en er leegte onder
overliet. Eén widget leek daardoor uitgelijnd en de andere vier niet. Opgelost met `display: grid` plus
`align-items: end`, en niet met flex: dan blijft de tekst een gewoon blok dat afbreekt zoals het hoort,
ook de mono-variant met een lange domeinnaam.
**De hoogte van de bovenste rij is niet verder vergroot.** Dat was de andere weg naar hetzelfde beeld en
de gebruiker wilde hem uitdrukkelijk niet.
- **De chevron van `Setting up your wallet` staat links vóór de titel** in plaats van rechts aan de rand,
en kleurt mee bij hover, net als het menu rechtsboven. Links is waar het driehoekje van de browser ook
gestaan zou hebben, en het staat bij het woord waar het iets over zegt. Dicht wijst hij naar rechts,
open naar beneden.
## [0.0.18] - 2026-08-27 ## [0.0.18] - 2026-08-27
### Fixed ### Fixed
@@ -275,6 +275,13 @@ de vijfde widget; de rest is de pagina verbouwen om wat er dan staat.
een werkende gateway: `GATE_TLS_HOST` stond op de servicenaam `server`, die op een Umbrel met meer een werkende gateway: `GATE_TLS_HOST` stond op de servicenaam `server`, die op een Umbrel met meer
apps niet van ons alleen is. Nu de volledige containernaam. Verholpen in 0.0.18 apps niet van ons alleen is. Nu de volledige containernaam. Verholpen in 0.0.18
- [x] **De zelfcontrole bevestigd op het apparaat (27-08-2026):** `Answering`, handdruk in 10 ms. Daarmee
is de containernaam-verklaring uit 0.0.18 juist gebleken, en is de keten uit open punt 5 rond:
gebouwd, getoond, en gezien dat hij klopt
- [x] Laatste bijstellingen in 0.0.19: de onderregels van de widgets staan onderin hun vak, gelijk met de
sparkline ernaast, en de chevron van het instelkader staat links vóór de titel met accent bij hover
- [ ] **Nog op een telefoon nakijken**, net als bij 0.0.10. Let op de stap van vijf naar drie naar twee - [ ] **Nog op een telefoon nakijken**, net als bij 0.0.10. Let op de stap van vijf naar drie naar twee
kolommen en op de dialoog op een smal scherm. **Eigenaar: gebruiker** kolommen en op de dialoog op een smal scherm. **Eigenaar: gebruiker**
+34 -7
View File
@@ -238,8 +238,20 @@ body {
.stat-sub.mono { font-family: var(--font-mono); overflow-wrap: anywhere; } .stat-sub.mono { font-family: var(--font-mono); overflow-wrap: anywhere; }
/* Even hoog als de sparkline hieronder, en met dezelfde bovenmarge. Anders staat /* Even hoog als de sparkline hieronder, en met dezelfde bovenmarge. Anders staat
het getal van "Backend response" hoger dan de andere twee, want daar hangt een het getal van "Backend response" hoger dan de andere twee, want daar hangt een
grafiekje onder in plaats van een regel tekst. */ grafiekje onder in plaats van een regel tekst.
.stat-sub { font-size: 0.75rem; color: var(--text-sec); margin-top: 0.5rem; min-height: 34px; }
De tekst staat onderin dat vak en niet bovenin (27-08-2026). Dat was het
verschil dat de gebruiker zag: de sparkline is precies 34 pixels hoog en raakt
dus de onderrand, terwijl een regel tekst van 34 pixels ruimte bovenaan begon
en er leegte onder overliet. Nu liggen ze op dezelfde lijn.
Met grid en niet met flex: de tekst blijft dan een gewoon blok en breekt af
zoals hij hoort, ook de mono-variant met lange domeinnamen. */
.stat-sub {
font-size: 0.75rem; color: var(--text-sec);
margin-top: 0.5rem; min-height: 34px;
display: grid; align-items: end;
}
/* ── Badges ─────────────────────────────────────────────────────────────── */ /* ── Badges ─────────────────────────────────────────────────────────────── */
/* Zonder stip, op verzoek van de gebruiker (20-08-2026). De kleur van de badge /* Zonder stip, op verzoek van de gebruiker (20-08-2026). De kleur van de badge
@@ -513,13 +525,28 @@ body {
.setup > summary::-webkit-details-marker { display: none; } .setup > summary::-webkit-details-marker { display: none; }
.setup > summary::marker { content: ''; } .setup > summary::marker { content: ''; }
/* Een chevron die meedraait, want zonder het driehoekje van de browser is er /* Een chevron die meedraait, want zonder het driehoekje van de browser is er
verder niets dat zegt dat dit open kan. */ verder niets dat zegt dat dit open kan.
.setup > summary::after {
content: ''; margin-left: auto; width: 0.5rem; height: 0.5rem; Links vóór de titel (27-08-2026, gebruiker). Hij stond rechts aan de rand, en
dat is ver weg van het woord waar hij iets over zegt; links staat hij waar het
driehoekje van de browser ook gestaan zou hebben.
Dicht wijst hij naar rechts, open naar beneden. align-self houdt hem op de
hoogte van de titel, want de regel eromheen lijnt op de basislijn uit en een
gedraaid vierkantje heeft er geen. */
.setup > summary::before {
content: ''; align-self: center; flex-shrink: 0;
width: 0.5rem; height: 0.5rem;
border-right: 2px solid var(--text-sec); border-bottom: 2px solid var(--text-sec); border-right: 2px solid var(--text-sec); border-bottom: 2px solid var(--text-sec);
transform: rotate(45deg); transition: transform 0.2s var(--ease-out); transform: rotate(-45deg);
transition: transform 0.2s var(--ease-out), border-color 0.2s var(--ease-out);
} }
.setup[open] > summary::after { transform: rotate(-135deg); } .setup[open] > summary::before { transform: rotate(45deg); }
/* Accent bij hover, net als het menu rechtsboven: dit zijn de twee dingen op deze
pagina die opengaan als je erop klikt, en dan horen ze zich hetzelfde te
gedragen. */
.setup > summary:hover { color: var(--accent); }
.setup > summary:hover::before { border-color: var(--accent); }
.setup-form { min-width: 0; } .setup-form { min-width: 0; }
.setup-value { .setup-value {
display: flex; align-items: center; gap: 0.7rem; flex-wrap: wrap; display: flex; align-items: center; gap: 0.7rem; flex-wrap: wrap;
+13 -10
View File
@@ -9,7 +9,7 @@ manifestVersion: 1
id: whatsnext-electrum-gate id: whatsnext-electrum-gate
category: bitcoin category: bitcoin
name: Electrum Gate name: Electrum Gate
version: "0.0.18" version: "0.0.19"
tagline: Your own node from anywhere, without waiting for Tor tagline: Your own node from anywhere, without waiting for Tor
description: >- description: >-
The privacy win is already yours: you run the Electrum server. A public one gets asked for The privacy win is already yours: you run the Electrum server. A public one gets asked for
@@ -56,22 +56,25 @@ description: >-
# staan. In 0.0.9 stond er daardoor drie keer "Earlier releases" en twee keer # staan. In 0.0.9 stond er daardoor drie keer "Earlier releases" en twee keer
# dezelfde 0.0.4-regel. De toets let er nu op. # dezelfde 0.0.4-regel. De toets let er nu op.
releaseNotes: >- releaseNotes: >-
The Status tile was reporting "Not answering" on a gateway that was working fine. The check was The text under each tile now sits along the bottom, level with the response graph next to it. It was
connecting to the wrong container: it asked for "server", and on a machine running several apps that starting at the top of the space reserved for it, which left a gap underneath and made one tile look
name is not ours alone. It now uses the full container name, and the tile reports what your wallets aligned while the others did not.
already knew.
The rest of this release is polish on the new dashboard. The menu is three plain dots that pick up The arrow on "Setting up your wallet" moved to the left of the title, where the browser would have put
colour on hover, instead of a button; its first item is now "Settings" and no longer repeats the it, and it picks up colour on hover like the menu does.
certificate name. The dialog opens in the middle of the screen rather than the top left corner. The
tiles are a little taller, with their values sitting along the bottom. Response time and block height
swapped places, so response time sits next to the server it measures. The activity log is half as tall.
Earlier releases: Earlier releases:
0.0.18 fixed the Status tile reporting "Not answering" on a gateway that was working fine: the check was
connecting to the wrong container. It also made the menu three plain dots instead of a button, renamed
its first item to "Settings", opened the dialog in the middle of the screen instead of the top left,
made the tiles taller with their values along the bottom, swapped response time and block height, and
halved the height of the activity log.
0.0.17 rebuilt the dashboard around five small tiles, moved choosing and uploading certificates into a 0.0.17 rebuilt the dashboard around five small tiles, moved choosing and uploading certificates into a
dialog behind the menu at the top right, put the activity log across the full width, and collapsed dialog behind the menu at the top right, put the activity log across the full width, and collapsed
"Setting up your wallet" into a much shorter panel with two copy buttons instead of one per wallet. "Setting up your wallet" into a much shorter panel with two copy buttons instead of one per wallet.