How to set the font of mermaid?

[fuzihaofzh]

Hi, thanks for your plugins and I want to know how to set font of atom-mermaid? The font of my preview seems too small.

[y-takey]

Hi, @maplewizard !

The function to change the font size is not yet implemented. But you can set font via atom editor function. In Atom, click the [Open Your Stylesheet], then write any css to styles.less. and save it. e.g.

.atom-mermaid-preview {  /* <- this css class is root */
  font-size: 16px;
}

[fuzihaofzh]

@y-takey Thanks, it helps a lot. But it seems that I can not move or scroll the figure. So, if the figure is too large, some part of the figure is disappeared. Is it possible to add a feature too move and scroll?

[y-takey]

Thanks for report. hmm, It seems a bug. I will fix it! It's going to be this weekend to fix, are you okay?

[y-takey]

Hi, @maplewizard

I updated and publihed atom-mermaid package(version 0.3.0). Please update your package and try it. Please close this issue after the problem has been resolved.

I hope to be successful. :)

[fuzihaofzh]

Hi,@y-takey: Thanks for your work, but it seems didn't work won my atom. I use Mac OSX and Atom 1.2.4, I still can't move or scroll. The code are as follows:

graph LR;
classDef default fill:#aaf
id1(a<br>d) --> B;
B --> C
C --> F
C --> G
C --> H
E-->H

[y-takey]

Thanks for the reply.

I tried your code on my environment(same your environment, Mac OSX and Atom 1.2.4), then It looks fine. Did you restart atom editor after update your atom-mermaid? Please restart it if you didn't.

[fuzihaofzh]

@y-takey Thanks for your reply, but I have restarted, but It still cannot work.

[y-takey]

@maplewizard Sorry for the delay, Do not yet problem resolved? If so, Could you try to add to the styles.less the following code? and restart atom editor.

.atom-mermaid-preview {
  overflow: scroll;
}

[fuzihaofzh]

Hi @y-takey, thanks for your reply. I added the code and restart atom, but it still can't work.

[y-takey]

Thank you for trying your best! Hmm, it's all up with me. sorry not to help. :(

[fuzihaofzh]

@y-takey Thanks, and hoping this plugin will become more popular.