Card look of the PM app #14

Closed
Grovy311 wants to merge 0 commits from feature/card-look into main
Collaborator

Karten wie in der PM-App: 1-px-Rahmen rundum, 16 px Radius, weicher Schatten (eigener Wert im Dark Mode), kein farbiger Oberrand. Nur CSS: shadow-sm wird über --bs-box-shadow-sm auf denselben Schatten gelegt, das Seiten-Markup bleibt unverändert.

Keine Abhängigkeiten.

Geprüft auf dem Branch allein: alle drei tsc-Konfigurationen, npm test 415/415, Produktions-Build (build:api + build:web). Zusammen mit allen anderen Branches: 509/509 Tests, konfliktfrei in jeder Merge-Reihenfolge.

Merge-Reihenfolge aller Branches:

  1. fix/client-id-insecure-context (#9)
  2. feature/editor-ui (#10)
  3. feature/cable-sizing (#11)
  4. feature/overview-filters (#12)
  5. feature/circuit-list-usability (#13)
  6. feature/card-look (#14)
  7. feature/print-view (#15)
  8. feature/building-structure (#16)
  9. feature/estimate-balance (#17)

🤖 Generated with Claude Code

Karten wie in der PM-App: 1-px-Rahmen rundum, 16 px Radius, weicher Schatten (eigener Wert im Dark Mode), kein farbiger Oberrand. Nur CSS: `shadow-sm` wird über `--bs-box-shadow-sm` auf denselben Schatten gelegt, das Seiten-Markup bleibt unverändert. Keine Abhängigkeiten. Geprüft auf dem Branch allein: alle drei `tsc`-Konfigurationen, `npm test` 415/415, Produktions-Build (`build:api` + `build:web`). Zusammen mit allen anderen Branches: 509/509 Tests, konfliktfrei in jeder Merge-Reihenfolge. Merge-Reihenfolge aller Branches: 1. `fix/client-id-insecure-context` (#9) 2. `feature/editor-ui` (#10) 3. `feature/cable-sizing` (#11) 4. `feature/overview-filters` (#12) 5. `feature/circuit-list-usability` (#13) 6. `feature/card-look` (#14) 7. `feature/print-view` (#15) 8. `feature/building-structure` (#16) 9. `feature/estimate-balance` (#17) 🤖 Generated with [Claude Code](https://claude.com/claude-code)
Grovy311 added 2 commits 2026-09-26 20:14:45 +02:00
Cards had a 3px petrol bar on the top edge, and Bootstrap's shadow-sm
class overrode their own shadow with !important. They now use the PM app
surface: a 1px border all around, a 16px radius and a soft diffuse shadow
with a faint inner highlight, with a stronger shadow and a weaker highlight
in dark mode. The shadow-sm classes are removed from the cards so the
shared rule applies. Menus, drawers and dialogs keep their shadows.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Removing the shadow-sm classes touched the page markup of the project
overview, which other branches change as well. The card rule now sets
Bootstrap's --bs-box-shadow-sm to the card shadow instead, so cards with
and without shadow-sm look the same and the pages stay as they are on main.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Owner

Integriert in main mit Merge-Commit 3ffa50be4c.

Anpassungen beim Merge:

  • Code: keine, das CSS ist unverändert übernommen.
  • Doku: docs/current-architecture.md beschreibt den einheitlichen Kartenlook (Rahmen, 16-px-Radius, Schatten mit Dark-Mode-Abstimmung, shadow-sm auf denselben Schatten gemappt; das Stromkreis-Grid bleibt eigenständig).
Integriert in `main` mit Merge-Commit 3ffa50be4c4d3ba31cf203e5cc685eb25536dc99. Anpassungen beim Merge: - **Code:** keine, das CSS ist unverändert übernommen. - **Doku:** `docs/current-architecture.md` beschreibt den einheitlichen Kartenlook (Rahmen, 16-px-Radius, Schatten mit Dark-Mode-Abstimmung, `shadow-sm` auf denselben Schatten gemappt; das Stromkreis-Grid bleibt eigenständig).
jappel closed this pull request 2026-09-26 21:42:31 +02:00

Pull request closed

Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
2 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: jappel/leistungsbilanz-ts#14
No description provided.