Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Markdown strings break colour styling #4957

Open
RaphMcGee23 opened this issue Oct 19, 2023 · 1 comment
Open

Markdown strings break colour styling #4957

RaphMcGee23 opened this issue Oct 19, 2023 · 1 comment
Labels
Status: Triage Needs to be verified, categorized, etc Type: Bug / Error Something isn't working or is incorrect

Comments

@RaphMcGee23
Copy link

RaphMcGee23 commented Oct 19, 2023

Description

So using the example in the docs for styling nodes

flowchart LR
id1(Start)-->id2("Stop")
style id1 fill:#f9f,stroke:#333,stroke-width:4px
style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5

If I change id2 to use markdown string it loses its colour

flowchart LR
id1(Start)-->id2("Stop")
style id1 fill:#f9f,stroke:#333,stroke-width:4px
style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5

I've also tried using classes but that also produces the same result.

flowchart LR
id1(Start)-->id2("Stop")
classDef B fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5
style id1 fill:#f9f,stroke:#333,stroke-width:4px
id2:::B

flowchart LR
id1(Start)-->id2("Stop")
classDef B fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5
style id1 fill:#f9f,stroke:#333,stroke-width:4px
id2:::B

Steps to reproduce

Use this
flowchart LR
id1(Start)-->id2("Stop")
style id1 fill:#f9f,stroke:#333,stroke-width:4px
style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5
then change id2("Stop") to id2("Stop")

Screenshots

image
image

Code Sample

No response

Setup

Using mermaid.live and also the developer version of this and also an older version on my local machine.

Suggested Solutions

No response

Additional Context

No response

@RaphMcGee23 RaphMcGee23 added Status: Triage Needs to be verified, categorized, etc Type: Bug / Error Something isn't working or is incorrect labels Oct 19, 2023
@Muhammad-Tayyab-Bhutto
Copy link

/attempt

Muhammad-Tayyab-Bhutto added a commit to Muhammad-Tayyab-Bhutto/mermaid that referenced this issue Oct 20, 2023
@jgreywolf jgreywolf added include roadmap items to add to roadmap for auto workflow and removed include roadmap items to add to roadmap for auto workflow labels Nov 16, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Triage Needs to be verified, categorized, etc Type: Bug / Error Something isn't working or is incorrect
Projects
None yet
Development

No branches or pull requests

3 participants