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

Removed border for neo as UX-design by steph

Browse Source
This commit is contained in:
Per Brolin
2024-06-10 15:26:20 +02:00
parent 4eea7ff5da
commit 6dcdec0126
5 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/mermaid/src/diagrams/state/styles.js
View File

@@ -156,7 +156,8 @@ g.stateGroup line {
ry: ${options.radius}px;
}
.state-shadow {
.state-shadow-neo {
filter: drop-shadow( 1px 2px 2px rgba(185,185,185,1.0) );
}

2
packages/mermaid/src/rendering-util/rendering-elements/clusters.js
View File

@@ -250,7 +250,7 @@ const roundedWithTitle = (parent, node) => {
rect = outerRectG.insert('rect', ':first-child');
let outerRectClass = 'outer';
if (look === 'neo') {
outerRectClass = 'outer state-shadow';
outerRectClass = 'outer state-shadow-neo';
} else {
outerRectClass = 'outer';
}

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

@@ -49,7 +49,7 @@ export const drawRect = async (parent: SVGAElement, node: Node, options: RectOpt
rect = shapeSvg.insert('rect', ':first-child');
rect
.attr('class', 'basic label-container neo-node state-shadow')
.attr('class', 'basic label-container state-shadow-neo')
.attr('style', cssStyles)
.attr('rx', rx)
.attr('data-id', 'abc')

1
packages/mermaid/src/rendering-util/rendering-elements/shapes/roundedRect.ts
View File

@@ -8,6 +8,7 @@ export const roundedRect = async (parent: SVGAElement, node: Node) => {
const options = {
rx: node.look === 'neo' ? 1 : 5,
ry: node.look === 'neo' ? 1 : 5,
labelPaddingX: node.padding * 2,
labelPaddingY: node.padding * 1,
classes: '',

4
packages/mermaid/src/themes/theme-neo.js
View File

@@ -15,7 +15,8 @@ class Theme {
this.background = '#ffffff';
this.primaryColor = '#cccccc';
this.mainBkg = '#ffffff';
//this.mainBkg = '#ffffff';
this.mainBkg = '#ecedfe';
this.noteBkgColor = '#fff5ad';
this.noteTextColor = '#333';
@@ -57,6 +58,7 @@ class Theme {
this.nodeBkg = this.nodeBkg || this.primaryColor;
this.mainBkg = this.mainBkg || this.primaryColor;
this.nodeBorder = this.nodeBorder || this.primaryBorderColor;
this.nodeBorder = 'none';
this.clusterBkg = this.clusterBkg || this.tertiaryColor;
this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor;
this.defaultLinkColor = this.defaultLinkColor || this.lineColor;