mirror of
https://github.com/mermaid-js/mermaid.git
synced 2025-09-22 00:40:22 +02:00
Removed border for neo as UX-design by steph
This commit is contained in:
@@ -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) );
|
||||
}
|
||||
|
||||
|
@@ -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';
|
||||
}
|
||||
|
@@ -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')
|
||||
|
@@ -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: '',
|
||||
|
@@ -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;
|
||||
|
Reference in New Issue
Block a user