docs: render mermaid diagrams at full content width #484

Open

dries wants to merge 1 commit from fix/mermaid-full-width into main

pull from: fix/mermaid-full-width

merge into: dries:main

dries:main

dries:chore/drop-claudecode-refs

dries:ci/drop-domains-file

dries:pages

dries:gh-pages

dries:docs/hugo-site

dries:fix-live-connection-hint

dries:fix/session-created-refresh

dries:feat/slash-command-parity

Conversation 1 Commits 1 Files changed 3 +38

dries commented 2026-08-01 00:23:40 +02:00

Owner

Copy link

Summary

• Mermaid stamps an inline max-width from its own computed layout, so diagrams rendered tiny in the docs site.
• Adds site/assets/css/custom.css (Hextra concatenates it into main.css) forcing pre.mermaid svg to the content width.

Testing

• hugo build; verified the rule lands in css/compiled/main.css.

## Summary - Mermaid stamps an inline `max-width` from its own computed layout, so diagrams rendered tiny in the docs site. - Adds `site/assets/css/custom.css` (Hextra concatenates it into `main.css`) forcing `pre.mermaid svg` to the content width. ## Testing - `hugo` build; verified the rule lands in `css/compiled/main.css`.

dries added 1 commit 2026-08-01 00:23:40 +02:00

docs: render mermaid diagrams at full content width 5d3c61e001

forgejo-actions commented 2026-08-01 00:30:44 +02:00

Copy link

Coverage ratchet: ✅ pass

Suite	Baseline	This PR	Δ
frontend	67.73%	67.73%	+0.00	✅
go	78.80%	78.80%	+0.00	✅

Tolerance: -0.1%. Baseline stored on gh-pages.

<!-- coverage-ratchet --> ### Coverage ratchet: ✅ pass | Suite | Baseline | This PR | Δ | | |---|---|---|---|---| | frontend | 67.73% | 67.73% | +0.00 | ✅ | | go | 78.80% | 78.80% | +0.00 | ✅ | _Tolerance: -0.1%. Baseline stored on `gh-pages`._

dries added 1 commit 2026-08-01 00:33:31 +02:00

docs: force the mermaid container to full width too 0d2e8b43e2

dries added 1 commit 2026-08-01 00:39:42 +02:00

docs: widen the docs layout and retighten mermaid viewBoxes f534c5c3c7

dries force-pushed fix/mermaid-full-width from f534c5c3c7 to 4fd41293b2 2026-08-01 00:40:02 +02:00 Compare

All checks were successful

Hide all checks

CI / Backend (pull_request) Successful in 5m7s

Required

Details

CI / Frontend (pull_request) Successful in 6m16s

Required

Details

CI / Playwright E2E (pull_request) Successful in 9m14s

Required

Details

CI / Build (pull_request) Successful in 5m46s

Required

Details

CI / Coverage Results (pull_request) Successful in 30s

Required

Details

CI / Semantic Tag (pull_request) Successful in 9s

Required

Details

This pull request can be merged automatically.

You are not authorized to merge this pull request.

View command line instructions

Checkout

From your project repository, check out a new branch and test the changes.

git fetch -u origin fix/mermaid-full-width:fix/mermaid-full-width

git switch fix/mermaid-full-width

Sign in to join this conversation.

Reviewers

No reviewers

Labels

Clear labels   

backend

Go backend code

  

bug

Something is broken or incorrect

  

chore

Maintenance, tooling, or cleanup

  

duplication

Code duplication to be addressed

  

effort:complex

Significant effort or risk

  

effort:medium

Moderate effort required

  

effort:trivial

Quick fix, low complexity

  

enhancement

New feature or capability

  

frontend

TypeScript / React frontend code

  

fullstack

Touches both backend and frontend

  

priority:high

Should be addressed soon

  

ready-for-agent

Agent-grabbable ticket, fully specced

  

refactor

Code restructuring without behaviour change

  

security

Security related

No labels

backend

bug

chore

duplication

effort:complex

effort:medium

effort:trivial

enhancement

frontend

fullstack

priority:high

ready-for-agent

refactor

security

Milestone

Clear milestone

No items

No milestone

Projects

Clear projects

No items

No project

Assignees

Clear assignees

No assignees

2 participants

Notifications

Subscribe

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

dries/ocman!484

No description provided.