diff --git a/Docs/CHANGELOG-electrum-gate.md b/Docs/CHANGELOG-electrum-gate.md index 4f5d15b..e20d9f2 100644 --- a/Docs/CHANGELOG-electrum-gate.md +++ b/Docs/CHANGELOG-electrum-gate.md @@ -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 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 ### Fixed diff --git a/Docs/Plannen/Actief/005-Webinterface/TAKEN.md b/Docs/Plannen/Actief/005-Webinterface/TAKEN.md index 3357bc3..8c3661c 100644 --- a/Docs/Plannen/Actief/005-Webinterface/TAKEN.md +++ b/Docs/Plannen/Actief/005-Webinterface/TAKEN.md @@ -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 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 kolommen en op de dialoog op een smal scherm. **Eigenaar: gebruiker** diff --git a/whatsnext-electrum-gate/index.html.template b/whatsnext-electrum-gate/index.html.template index 412265e..c503a03 100644 --- a/whatsnext-electrum-gate/index.html.template +++ b/whatsnext-electrum-gate/index.html.template @@ -238,8 +238,20 @@ body { .stat-sub.mono { font-family: var(--font-mono); overflow-wrap: anywhere; } /* 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 - 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; } + grafiekje onder in plaats van een regel tekst. + + 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 ─────────────────────────────────────────────────────────────── */ /* 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::marker { content: ''; } /* Een chevron die meedraait, want zonder het driehoekje van de browser is er - verder niets dat zegt dat dit open kan. */ -.setup > summary::after { - content: ''; margin-left: auto; width: 0.5rem; height: 0.5rem; + verder niets dat zegt dat dit open kan. + + 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); - 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-value { display: flex; align-items: center; gap: 0.7rem; flex-wrap: wrap; diff --git a/whatsnext-electrum-gate/umbrel-app.yml b/whatsnext-electrum-gate/umbrel-app.yml index 6e1e69a..676f7e3 100644 --- a/whatsnext-electrum-gate/umbrel-app.yml +++ b/whatsnext-electrum-gate/umbrel-app.yml @@ -9,7 +9,7 @@ manifestVersion: 1 id: whatsnext-electrum-gate category: bitcoin name: Electrum Gate -version: "0.0.18" +version: "0.0.19" tagline: Your own node from anywhere, without waiting for Tor description: >- 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 # dezelfde 0.0.4-regel. De toets let er nu op. releaseNotes: >- - The Status tile was reporting "Not answering" on a gateway that was working fine. The check was - connecting to the wrong container: it asked for "server", and on a machine running several apps that - name is not ours alone. It now uses the full container name, and the tile reports what your wallets - already knew. + The text under each tile now sits along the bottom, level with the response graph next to it. It was + starting at the top of the space reserved for it, which left a gap underneath and made one tile look + aligned while the others did not. - The rest of this release is polish on the new dashboard. The menu is three plain dots that pick up - colour on hover, instead of a button; its first item is now "Settings" and no longer repeats the - 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. + The arrow on "Setting up your wallet" moved to the left of the title, where the browser would have put + it, and it picks up colour on hover like the menu does. 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 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.