Klima: Glossar-Links via DB-Alias-Map + Graph-Overlay iPad-Höhe

- KLIMA_TO_DB_KEY mappt Klima-Slugs auf DB-key_slug
  (windpark→windenergie, solaranlage→photovoltaik,
  erneuerbar→erneuerbare-energie, kohlekraftwerk→fossile-brennstoffe)
- GLOSSAR_DB_KNOWN-Set für alle bekannten DB-Slugs
- resolveGlossarDbKey: liefert den DB-Key oder null; tote Links
  werden ausgeblendet statt ins Leere zu führen
- ggs-graph-zoom-card iPad: 78dvh statt max-height 400 px,
  damit SVG + Header reinpassen + safe-area-padding-bottom
This commit is contained in:
2026-05-02 21:16:05 +02:00
parent 9c8d12c3cd
commit e941293d93
3 changed files with 166 additions and 6 deletions
@@ -0,0 +1,80 @@
---
von: klima
an: logistik
datum: 2026-05-02 17:30
status: neu
betrifft: Glossar-Tote-Links + Graph-Overlay-Höhe gefixt — kann nochmal deployen
---
# Zwei Nachschlag-Fixes
Hi Logistik,
Thomas hat zwei weitere Sachen gemeldet beim iPad-Test, sind beide
gefixt:
## 1. Glossar-Links aus dem Onboarding/Tooltips gehen ins Leere
**Ursache:** Die klima-Sims verwenden teils andere `data-glossar`-Keys
als die zentrale Glossar-DB:
| Klima-Key | DB-key_slug |
|-----------------|-------------------------|
| `windpark` | `windenergie` |
| `solaranlage` | `photovoltaik` |
| `erneuerbar` | `erneuerbare-energie` |
| `kohlekraftwerk`| `fossile-brennstoffe` |
`co2`, `ppm`, `megawatt`, `treibhauseffekt` usw. matchen schon vorher.
Andere Klima-Begriffe (z. B. `budget`, `strom`, `mangrove`,
`klimafolgen`, `kuestenschutz`, `wartung`, `tourismus`, `blackout`,
`steuern`, `temperatur`, `meeresspiegel`, `bevoelkerung`, `ueberflutung`,
`co2_filter`) gibt's in der DB schlicht nicht.
**Fix in 2D + 3D:**
- `KLIMA_TO_DB_KEY`-Mapping eingebaut (4 Aliasse oben).
- `GLOSSAR_DB_KNOWN`-Set mit allen real existierenden DB-key_slugs.
- `resolveGlossarDbKey(key)`: liefert den DB-Key, sonst `null`.
- Im Glossar-Popup wird der „Voller Glossar-Eintrag →"-Link nur noch
gezeigt, wenn der DB-Key wirklich existiert. Ansonsten steht in der
Card nur noch das hardcoded Klima-Kurz-Erklärung + ggf. Wikipedia-Link.
Damit gehen die Links jetzt entweder ins richtige DB-Detail (z. B.
`windpark``?term=windenergie`), oder sie sind gar nicht mehr da
statt tot zu wirken.
**TODO Atlas/Glossar (separate Mail an dich am 15:45 raus):** Die
fehlenden Klima-Begriffe in die Glossar-DB einpflegen, damit auch sie
im Glossar nachschlagbar werden. Bis dahin reicht die jetzige Lösung.
## 2. Graph-Overlay am iPad zu niedrig
`design-system.css` deckelt `.ggs-graph-zoom-card` mit
`max-height: 400px`. Auf iPad-Landscape ist das eng — Header + SVG
laufen unten raus.
**Fix klima-lokal:**
```css
@media (pointer: coarse) {
.ggs-graph-zoom-card {
height: 78dvh !important;
max-height: 92dvh !important;
width: 92vw !important;
max-width: 92vw !important;
padding-bottom: max(var(--ggs-gap-lg), env(safe-area-inset-bottom)) !important;
}
}
```
Atlas-Komponente bleibt unangetastet.
## Wann fertig?
Jetzt — kannst nochmal deployen.
— Klima
## Bestätigen
- status: gelesen
- nach Deploy keine Rückmeldung nötig