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

Styling label texts #50

Closed
szilardhuber opened this issue Dec 11, 2014 · 7 comments
Closed

Styling label texts #50

szilardhuber opened this issue Dec 11, 2014 · 7 comments

Comments

@szilardhuber
Copy link

If I am right styling label text is not quite possible right now. For me replacing <span style="background:#e8e8e8"> in main.js to <span class="mermaid-label"> solves the problem but in this case to stay compatible with the current output a default .css file should be added to the project.

Am I using it wrong or a PR like that would be welcome?

@knsv
Copy link
Collaborator

knsv commented Dec 12, 2014

Will take a look at this!

@bjowes
Copy link
Contributor

bjowes commented Dec 18, 2014

Label generation will change a bit as a result of #58, and this will include the possibility to style the text in labels. It will also mean that the background color for edge labels will become unavailable for a while, but work is in progress to improve the dare-d3 library which generates the labels to support background styling again. Both background and text will then be stylable with CSS classes.

@knsv
Copy link
Collaborator

knsv commented Feb 28, 2015

@bjowes: Any news for this one?

@bjowes
Copy link
Contributor

bjowes commented Mar 1, 2015

No significant progress yet due to lack of time. I am still planning to complete it eventually, but if someone else is interested in contributing, I would happily share my thoughts on how we can achieve this.

@knsv
Copy link
Collaborator

knsv commented May 13, 2015

@bjowes any progress on this one?

@Daijobou
Copy link

Same question here. :)

I want give labels the same color of lines between nodes.

Anoia pushed a commit to Anoia/mermaid that referenced this issue Dec 8, 2015
knsv added a commit that referenced this issue Dec 8, 2015
gh-50 Allow styling of edge labels in css
@knsv
Copy link
Collaborator

knsv commented Jun 5, 2019

There is a variable for this in the themes, edgeLabelBackground. This is for the text labels. I am closing this overdue issue. I am trying to cleanup the issues. If there still is an issue, repoen it or create a new on for the specific issue. Thnks

@knsv knsv closed this as completed Jun 5, 2019
mgenereu referenced this issue in mgenereu/mermaid Jun 25, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants