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

fix: fix invalid CSS fill-opacity value

Browse Source 
Fix an invalid value for the CSS `fill-opacity` value.

Percentage values for `fill-opacity` are only supported in the SVG 2.0
draft, so according to [MDN][1]:

> it is not widely supported yet, […] as a consequence, it is best
> practices [sic] to set opacity with a value in the range `[0-1]`.

[1]: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill-opacity
This commit is contained in:
Alois Klink
2023-04-13 05:58:47 +01:00
parent 616d370a51
commit 9cb7a4a3f5
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/mermaid/src/diagrams/requirement/styles.js
View File

@@ -16,7 +16,7 @@ const getStyles = (options) => `
.reqBox { .reqBox {
fill: ${options.requirementBackground}; fill: ${options.requirementBackground};
fill-opacity: 100%; fill-opacity: 1.0;
stroke: ${options.requirementBorderColor}; stroke: ${options.requirementBorderColor};
stroke-width: ${options.requirementBorderSize}; stroke-width: ${options.requirementBorderSize};
} }
@@ -26,7 +26,7 @@ const getStyles = (options) => `
} }
.reqLabelBox { .reqLabelBox {
fill: ${options.relationLabelBackground}; fill: ${options.relationLabelBackground};
fill-opacity: 100%; fill-opacity: 1.0;
} }
.req-title-line { .req-title-line {