Skip to content

Add CSS styling for mermaid diagram SVG#691

Merged
AdrianDAlessandro merged 3 commits intomainfrom
690-mermaid-style
Apr 16, 2026
Merged

Add CSS styling for mermaid diagram SVG#691
AdrianDAlessandro merged 3 commits intomainfrom
690-mermaid-style

Conversation

@anenadic
Copy link
Copy Markdown
Contributor

@anenadic anenadic commented Apr 15, 2026 •
edited
Loading

Fixes #690.

@codecov
Copy link
Copy Markdown

codecov Bot commented Apr 15, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.

📢 Thoughts on this report? Let us know!

AdrianDAlessandro
AdrianDAlessandro requested changes Apr 16, 2026
View reviewed changes
Copy link
Copy Markdown
Collaborator

@AdrianDAlessandro AdrianDAlessandro left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This doesn't work for me. The mermaid diagram has a black background again.

@davehorsfall @sbland I have requested your reviews on this since you are both more across the front-end stuff than I am.

@anenadic
Copy link
Copy Markdown
Contributor Author

anenadic commented Apr 16, 2026

This doesn't work for me. The mermaid diagram has a black background again.

@davehorsfall @sbland I have requested your reviews on this since you are both more across the front-end stuff than I am.

It took me a while to have the CSSs refreshed - wonder if they are cached somewhere in a browser? Maybe try from a fresh incognito window - not sure that would help but worth a try?

@anenadic
Copy link
Copy Markdown
Contributor Author

anenadic commented Apr 16, 2026

This is what I get - without the black background (so the background being set via the style) and the SVG diagram centered @AdrianDAlessandro.

image

@AdrianDAlessandro AdrianDAlessandro merged commit aa44378 into main Apr 16, 2026
4 checks passed
@AdrianDAlessandro AdrianDAlessandro deleted the 690-mermaid-style branch April 16, 2026 13:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@AdrianDAlessandro AdrianDAlessandro AdrianDAlessandro approved these changes

@davehorsfall davehorsfall Awaiting requested review from davehorsfall

@sbland sbland Awaiting requested review from sbland

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

Create CSS styles for mermaid SVG (to replace inline styles)

2 participants

@anenadic @AdrianDAlessandro