marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-20 07:49:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix path highlight for neo icons

Browse Source
This commit is contained in:
saurabhg772244
2024-10-10 10:23:06 +05:30
parent 5ecd12de1c
commit 71d6ded224
4 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/mermaid/src/rendering-util/rendering-elements/shapes/iconCircle.ts
View File

@@ -106,6 +106,8 @@ export const iconCircle = async (
iconShape.selectAll('path').attr('style', `stroke: ${stylesMap.get('fill')}`); iconShape.selectAll('path').attr('style', `stroke: ${stylesMap.get('fill')}`);
} }
iconShape.attr('class', 'icon-neo');
updateNodeBounds(node, iconShape); updateNodeBounds(node, iconShape);
node.intersect = function (point) { node.intersect = function (point) {

2
packages/mermaid/src/rendering-util/rendering-elements/shapes/iconRounded.ts
View File

@@ -115,6 +115,8 @@ export const iconRounded = async (
iconShape.selectAll('path').attr('style', `stroke: ${stylesMap.get('fill')}`); iconShape.selectAll('path').attr('style', `stroke: ${stylesMap.get('fill')}`);
} }
iconShape.attr('class', 'icon-neo');
updateNodeBounds(node, iconShape); updateNodeBounds(node, iconShape);
node.intersect = function (point) { node.intersect = function (point) {

2
packages/mermaid/src/rendering-util/rendering-elements/shapes/iconSquare.ts
View File

@@ -127,6 +127,8 @@ export const iconSquare = async (
iconShape.selectAll('path').attr('style', `stroke: ${stylesMap.get('fill')}`); iconShape.selectAll('path').attr('style', `stroke: ${stylesMap.get('fill')}`);
} }
iconShape.attr('class', 'icon-neo');
updateNodeBounds(node, iconShape); updateNodeBounds(node, iconShape);
node.intersect = function (point) { node.intersect = function (point) {

2
packages/mermaid/src/styles.ts
View File

@@ -120,7 +120,7 @@ const getStyles = (
filter: ${options.dropShadow}; filter: ${options.dropShadow};
} }
[data-look="neo"].icon-shape path { [data-look="neo"].icon-shape .icon-neo path {
stroke: ${options.useGradient ? 'url(' + svgId + '-gradient)' : options.nodeBorder}; stroke: ${options.useGradient ? 'url(' + svgId + '-gradient)' : options.nodeBorder};
filter: ${options.dropShadow}; filter: ${options.dropShadow};
} }