Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
39 changes: 39 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,45 @@ und dieses Projekt folgt [Semantic Versioning](https://semver.org/spec/v2.0.0.ht

---

## [2.36.0] — 2026-08-07

Überarbeitetes Formular-Design — Typografie, Abstände, Eingabefelder.

### 🔧 Changed
- **Abstände kommen jetzt vom Raster, nicht mehr von Rändern je Feld.** Das Tab-Panel ist ein
CSS-Grid mit `gap`; Margins an einzelnen Feldern kollabierten oder verdoppelten sich, je
nachdem was daneben stand. Das Ergebnis ist ein gleichmäßiger vertikaler Rhythmus.
- **Zwei Spalten für zusammengehörige Felder.** Format und Dateigröße, Beginn und Ende des
Zeitraums, Name und E-Mail bei Urheber, pflegender Stelle und Ersteller sowie die beiden
Kontaktfelder stehen nebeneinander statt jeweils über die volle Breite. Unterhalb von 782 px —
der Bruchstelle des WordPress-Backends — wird wieder einspaltig umbrochen.
- **Eingabefelder einheitlich und größer.** 40 statt rund 30 Pixel Höhe, weichere Rundung,
sichtbarer Fokus-Ring. Text-, Auswahl-, Zahlen- und Datumsfelder erbten bislang
unterschiedliche Standardhöhen von WordPress und sahen entsprechend uneinheitlich aus.
- **Reiter mit Unterstrich** statt gerahmter Karteikarten-Optik.
- **Wiederholbare Distributionen als Karten** mit eigener Kontur und ruhigem Kopfbereich.
- **Datei-Upload als getönter Block** direkt unter der Zugriffs-URL — sichtbar die Alternative
zu dem Feld darüber, nicht ein weiteres Pflichtfeld daneben.
- Hilfetexte nicht mehr kursiv und mit größerem Zeilenabstand. Betrifft die Anzeige ohne
JavaScript; mit JavaScript wandert der Text weiterhin in den ⓘ-Tooltip.

### ℹ️ Wartungshinweis
Alle Regeln, die an Klassennamen von Carbon Fields hängen, stehen gesammelt im Block
**`FORMULAR-DESIGN`** am Ende von `assets/css/admin.css`. Das ist nach einem Carbon-Fields-Update
die einzige Stelle, die zu prüfen ist. Die Abhängigkeit ist damit von acht auf rund zwanzig
CF-Klassen gestiegen — der Preis für die Gestaltung, dafür an einem Ort statt verstreut.

Die Zweispaltigkeit wählt Felder über ihr `name`-Attribut aus, nicht über ein `data`-Attribut:
Carbon Fields reicht `data`-Attribute bei `<select>` nicht zuverlässig ans DOM durch, der
Meta-Key steht dagegen immer im Namen. Dadurch war **keine Änderung an PHP nötig** — der
Umbau ist reines CSS.

### 🎨 Added
- Token für Abstände, Radien, Feldhöhe und Schriftgrößen in `:root`. Werte stehen damit an einer
Stelle statt über 1.400 Zeilen verteilt.

---

## [2.35.8] — 2026-08-07

Datei-Upload steht dort, wo er hingehört.
Expand Down
38 changes: 23 additions & 15 deletions CLAUDE.md
Original file line number Diff line number Diff line change
Expand Up @@ -516,26 +516,34 @@ Caching: `odw_delta_` + MD5 key, TTL 5 min

## 🎯 CSS Spacing & Styling

### Admin Interface Spacing
```css
/* Formularfelder: Konsistente Abstände */
.cf-field {
padding-left: 20px;
padding-right: 20px;
}
### Admin Interface Spacing (ab v2.36.0)
Abstände kommen vom Raster des Tab-Panels, nicht mehr von Margins je Feld —
`gap` kollabiert nicht und verdoppelt sich nicht.

/* Tab-Inhalte */
```css
.cf-container__tab {
padding: 20px 0;
display: grid;
grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
gap: var( --odw-space-5 ) var( --odw-space-4 );
padding: var( --odw-space-5 ) 20px var( --odw-space-6 );
}

/* Spezifische Fields mit data-Attribut */
[data-odw-backing="byte_size"] {
padding-left: 20px;
padding-right: 20px;
/* Alles über die volle Breite; halbe Breite ist ein Opt-in. */
.cf-container__tab > * { grid-column: 1 / -1; }

/* Ausgewählt über das name-Attribut, nicht über ein data-Attribut:
Carbon Fields reicht data-Attribute bei <select> nicht zuverlässig
ans DOM durch, der Meta-Key steht dagegen immer im Namen. */
.cf-container__tab > .cf-field:has( [name$="[_odw_temporal_start]"] ) {
grid-column: span 1;
}
```

> **Achtung bei Carbon-Fields-Updates:** Alle Regeln, die an CF-Klassennamen
> hängen, stehen gesammelt im Block `FORMULAR-DESIGN` am Ende von
> `assets/css/admin.css`. Das ist die einzige Stelle, die nach einem Update
> zu prüfen ist.

### CSS Variables (Admin)
```css
:root {
Expand Down Expand Up @@ -722,7 +730,7 @@ Update **both** locations:
- MINOR: New features (backward-compatible)
- PATCH: Bug fixes only

Current: **v2.35.8**
Current: **v2.36.0**

---

Expand Down Expand Up @@ -861,6 +869,6 @@ Neue technische Festlegungen gehören dorthin, nicht in README oder CLAUDE.md.

---

**Zuletzt aktualisiert**: Version 2.35.8 (August 2026)
**Zuletzt aktualisiert**: Version 2.36.0 (August 2026)
**Autor**: Open Data Wizard Team (nozilla)
**License**: GPL-2.0-or-later
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
![PHP Version](https://img.shields.io/badge/PHP-%3E%3D%208.1-8892BF?style=flat-square&logo=php&logoColor=white)
![WordPress](https://img.shields.io/badge/WordPress-compatible-21759B?style=flat-square&logo=wordpress&logoColor=white)
![DCAT-AP](https://img.shields.io/badge/DCAT--AP-3.0-brightgreen?style=flat-square)
![Version](https://img.shields.io/badge/Version-2.35.8-brightgreen?style=flat-square)
![Version](https://img.shields.io/badge/Version-2.36.0-brightgreen?style=flat-square)
![PRs Welcome](https://img.shields.io/badge/PRs-willkommen-brightgreen?style=flat-square)

📖 [Dokumentation](DOCUMENTATION.md) · 📋 [Feld-Referenz](docs/FELD-REFERENZ.md) · 📐 [Technische Spezifikation](TECHNICAL-SPEC.md) · 📝 [Changelog](CHANGELOG.md) · 🛡️ [Security](SECURITY.md) · ⚖️ [Lizenz](LICENSE)
Expand Down
Loading
Loading