From bcf88b62c9898eb39fb8d6ba10ac21284468ec1e Mon Sep 17 00:00:00 2001 From: Harmen Date: Thu, 27 Aug 2026 16:28:54 +0200 Subject: [PATCH] Een schaduw op wit geeft diepte maar geen rand, en dat scheelt in het lichte thema Overgenomen uit AssetApp op verzoek van de gebruiker: de kaders krijgen in het lichte thema een rand naast hun schaduw, en --border en --border-mid gaan van 0,07 en 0,11 naar 0,12 en 0,18 zwart. De schaduw wordt daarom strakker, 2 en 16 pixels in plaats van 3 en 24, zodat het samen niet zwaar wordt. Het donkere thema verandert niet. Daar staat een lichte rand op een donkere ondergrond en die zie je hoe dan ook; dit is een probleem dat alleen op wit bestaat. De opgehoogde randkleur raakt meer dan de kaders: ook de scheidingslijnen tussen lijstregels, het menupaneel, de dialoog en de invoervelden. Dat is de bedoeling. Dezelfde wijziging staat nu in het gedeelde ontwerpdocument onder HomeGit/Docs, want anders neemt de volgende app die dat document volgt de oude waarden weer over. Die map staat niet onder versiebeheer, dus die wijziging zit niet in deze commit. Verder twee verificaties van de gebruiker verwerkt: de pagina is op een telefoon in orde, en de uploadtest met een verkeerde sleutel is op zijn verzoek vervallen. Co-Authored-By: Claude Opus 5 --- Docs/CHANGELOG-electrum-gate.md | 22 +++++++++++++++++++ Docs/Plannen/Actief/005-Webinterface/TAKEN.md | 19 ++++++++++------ whatsnext-electrum-gate/index.html.template | 19 +++++++++++++--- whatsnext-electrum-gate/umbrel-app.yml | 14 ++++++------ 4 files changed, 57 insertions(+), 17 deletions(-) diff --git a/Docs/CHANGELOG-electrum-gate.md b/Docs/CHANGELOG-electrum-gate.md index 3e3c1c4..04aef8a 100644 --- a/Docs/CHANGELOG-electrum-gate.md +++ b/Docs/CHANGELOG-electrum-gate.md @@ -8,6 +8,28 @@ 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.22] - 2026-08-27 + +### Changed + +- **Meer diepte en contrast in het lichte thema**, overgenomen uit AssetApp op verzoek van de gebruiker. + Twee dingen samen: de kaders krijgen een rand naast hun schaduw, en `--border` en `--border-mid` gaan van + 0,07 en 0,11 naar 0,12 en 0,18 zwart. + + De reden is dat een zachte schaduw op wit wel diepte geeft maar geen begrenzing: waar een kader ophoudt + bleef een kwestie van kijken. De rand doet dat werk, en de schaduw is daarom strakker geworden (2 en 16 + pixels in plaats van 3 en 24) zodat het samen niet zwaar wordt. Het donkere thema verandert niet: daar + staat een lichte rand op een donkere ondergrond en die zie je hoe dan ook. + + De opgehoogde randkleur raakt meer dan de kaders: ook de scheidingslijnen tussen lijstregels, het + menupaneel, de dialoog en de invoervelden. Dat is de bedoeling en het is dezelfde stap die AssetApp al + gezet had. + + **Dezelfde wijziging is doorgevoerd in het gedeelde ontwerpdocument** + `HomeGit/Docs/website-design-system.html`, dat de bron is waar deze pagina op gebaseerd is. Zonder dat + zou de volgende app die het document volgt de oude waarden weer overnemen. Let op: die map staat niet + onder versiebeheer. + ## [0.0.21] - 2026-08-27 ### Changed diff --git a/Docs/Plannen/Actief/005-Webinterface/TAKEN.md b/Docs/Plannen/Actief/005-Webinterface/TAKEN.md index 8c3661c..e84e444 100644 --- a/Docs/Plannen/Actief/005-Webinterface/TAKEN.md +++ b/Docs/Plannen/Actief/005-Webinterface/TAKEN.md @@ -29,11 +29,11 @@ keuze op de pagina werd aangenomen, en daarna verbindt een wallet over 50022. De keten waar dit plan op wachtte is dus rond. -- [ ] **Het uploaden op het niet-gelukkige pad proberen**, het enige stuk van 0.0.7 dat nog niet in een - browser gezien is: een sleutel die niet bij het certificaat hoort. Verwacht: een weigering met een - leesbare reden, en niets dat achterblijft in `data/certs`. De guard is met echte sleutelparen getoetst - en mutatie-getest, dus dit gaat over de weg van de melding naar de pagina en niet over de controle - zelf. **Eigenaar: gebruiker** +- [x] **Vervallen op verzoek van de gebruiker (27-08-2026): "de cert test met verkeerde key geloof ik + wel."** Dit was het uploaden op het niet-gelukkige pad met een sleutel die niet bij het certificaat + hoort. De guard zelf is met echte sleutelparen getoetst én mutatie-getest, dus wat hier ongezien + blijft is alleen de weg van de melding naar de pagina. Dat is een bewuste keuze en geen vergetelheid: + valt het ooit tegen, dan zit het in `accept_upload` naar `up-note` en nergens anders - [x] **0.0.7 en 0.0.9 in de browser nagekeken. Gelukt (20-08-2026):** uploaden werkt, kiezen werkt, ook met de certificaten uit Zoraxy, de keuzelijst bij het installeren zag er goed uit en het @@ -282,8 +282,13 @@ de vijfde widget; de rest is de pagina verbouwen om wat er dan staat. - [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** +- [x] **Op een telefoon nagekeken (27-08-2026). In orde volgens de gebruiker**, inclusief de stappen van + vijf naar drie naar twee kolommen en de dialoog op een smal scherm + +- [x] **Meer diepte en contrast in het lichte thema (0.0.22)**, overgenomen uit AssetApp: een rand naast + de schaduw op de kaders, en een steviger `--border`. Dezelfde wijziging is doorgevoerd in het + gedeelde ontwerpdocument `HomeGit/Docs/website-design-system.html`, want anders neemt de volgende app + die dat document volgt de oude waarden weer over ## Geblokkeerd / wacht op diff --git a/whatsnext-electrum-gate/index.html.template b/whatsnext-electrum-gate/index.html.template index c3e8524..d8486a6 100644 --- a/whatsnext-electrum-gate/index.html.template +++ b/whatsnext-electrum-gate/index.html.template @@ -62,8 +62,13 @@ --bg-elevated: #f7f7f7; --bg-raised: #f0f0f0; --bg-overlay: #e8e8e8; - --border: rgba(0,0,0,0.07); - --border-mid: rgba(0,0,0,0.11); + /* Steviger dan de 0,07 en 0,11 die hier stonden (27-08-2026). Overgenomen uit + AssetApp, waar het licht-thema deze stap al gemaakt had: op wit verdwijnt een + rand van 7 procent zwart vrijwel, en dan drijven de kaders zonder begrenzing + op de achtergrond. In het donkere thema speelt dat niet, want daar staat een + lichte rand op een donkere ondergrond en die zie je hoe dan ook. */ + --border: rgba(0,0,0,0.12); + --border-mid: rgba(0,0,0,0.18); --text-primary: #0a0a0a; --text-sec: #888888; --text-ter: #bbbbbb; @@ -178,7 +183,15 @@ body { margin-bottom: 1rem; } [data-theme="dark"] .card { border: 1px solid var(--border); } -[data-theme="light"] .card { box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 6px 24px rgba(0,0,0,0.04); } +/* Rand én schaduw in het lichte thema (27-08-2026), overgenomen uit AssetApp. + Hier stond alleen een schaduw, en een zachte schaduw op wit geeft wel diepte + maar geen begrenzing: waar het kader ophoudt bleef een kwestie van kijken. De + rand doet dat werk, en de schaduw is daarom strakker geworden (2 en 16 pixels + in plaats van 3 en 24) zodat het samen niet zwaar wordt. */ +[data-theme="light"] .card { + border: 1px solid var(--border); + box-shadow: 0 1px 2px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.05); +} .card-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.1rem; } /* ── De bovenste rij ──────────────────────────────────────────────────────── diff --git a/whatsnext-electrum-gate/umbrel-app.yml b/whatsnext-electrum-gate/umbrel-app.yml index 863cbb4..6856c88 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.21" +version: "0.0.22" 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,17 +56,17 @@ 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: >- - All five tiles across the top now show their value at the same size. A block height was set larger than - a server name or a status word next to it, which made one look more important than the others when they - are not. - - - The dialog closes with a cross instead of the word "Close". + In light mode the panels now have an outline as well as a shadow. A soft shadow on white gives depth but + no edge, so where a panel ended was a matter of looking closely. Dark mode is unchanged. Earlier releases: + 0.0.21 put every tile value at the same size, so a block height no longer looked more important than a + server name beside it, and gave the dialog a cross to close instead of the word "Close". + + 0.0.20 made the five tiles a little taller, so their titles and values are no longer crowded together.