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.

Sign up for GitHub

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

Jump to bottom

Mermaidjs preview #1280

Open
themr0c opened this issue Jan 20, 2023 · 1 comment
Open

Mermaidjs preview #1280

themr0c opened this issue Jan 20, 2023 · 1 comment
Labels
bug

Comments

@themr0c
Copy link

themr0c commented Jan 20, 2023

Some mermaidjs features are not properly rendered in the preview, such as:

  • theme
  • font-awesome icons

For example:

[mermaid,target=mermaid-example,theme=forest]
....
flowchart
exemple(fa:fa-spinner Example node with a font-awesome spinner)
....

Observed preview:

Screenshot from 2023-01-20 12-10-27

Expected preview would be the same as the output of asciidoctor mermaid.adoc -r asciidoctor-diagram:

mermaid-example
@themr0c themr0c added the bug label Jan 20, 2023
@themr0c
Copy link
Author

themr0c commented Jan 20, 2023

Workaround for the theme: define style options inside the diagram.

[mermaid,target=mermaid-example]
....
%%{init: {'theme' : 'forest'}}%%
flowchart
exemple(fa:fa-spinner Example node with a font-awesome spinner)
....

@ahus1 ahus1 mentioned this issue May 27, 2023
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@themr0c