marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-08-15 06:19:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #6588 from mermaid-js/omkar/fix-er-diagram-styling

Browse Source 
Fix: Apply proper styling for Mermaid ER diagrams
This commit is contained in:
Ashish Jain
2025-05-13 11:48:18 +00:00
committed by GitHub
parent 0d047ccbcc b1cf291273
commit 015afc53d5
2 changed files with 18 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/curly-coats-tell.md Normal file
View File

@@ -0,0 +1,5 @@
---
'mermaid': patch
---
Fix stroke styles for ER diagram to correctly apply path and row-specific styles

14
packages/mermaid/src/rendering-util/rendering-elements/shapes/erBox.ts
View File

@@ -40,7 +40,7 @@ export async function erBox<T extends SVGGraphicsElement>(parent: D3Selection<T>
let TEXT_PADDING = config.er?.entityPadding ?? 6;
const { cssStyles } = node;
const { labelStyles } = styles2String(node);
const { labelStyles, nodeStyles } = styles2String(node);
// Draw rect if no attributes are found
if (entityNode.attributes.length === 0 && node.label) {
@@ -295,6 +295,18 @@ export async function erBox<T extends SVGGraphicsElement>(parent: D3Selection<T>
updateNodeBounds(node, rect);
if (nodeStyles && node.look !== 'handDrawn') {
const allStyle = nodeStyles.split(';');
const strokeStyles = allStyle
?.filter((e) => {
return e.includes('stroke');
})
?.map((s) => `${s}`)
.join('; ');
shapeSvg.selectAll('path').attr('style', strokeStyles ?? '');
shapeSvg.selectAll('.row-rect-even path').attr('style', nodeStyles);
}
node.intersect = function (point) {
return intersect.rect(node, point);
};