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

Let style the title of Journey Diagram #3508

Open
acalvo opened this issue Sep 22, 2022 · 4 comments · May be fixed by #6225
Open

Let style the title of Journey Diagram #3508

acalvo opened this issue Sep 22, 2022 · 4 comments · May be fixed by #6225

Comments

@acalvo
Copy link

acalvo commented Sep 22, 2022

Is your feature request related to a problem? Please describe.
AFAIK (please correct me if I'm wrong), it's not possible to style the title in Journey Diagrams.

Describe the solution you'd like
Ability to apply custom font/color/size/etc to the Journey Diagram title, and document it in https://mermaid-js.github.io/mermaid/#/user-journey

Describe alternatives you've considered
I checked the produced SVG, but has no CSS classes. I see nothing available to give it style (without affecting other text nodes). Example:

<text y="25" font-weight="bold" font-size="4ex" x="150">My working day</text>
@acalvo acalvo added Status: Triage Needs to be verified, categorized, etc Type: Enhancement New feature or request labels Sep 22, 2022
@mishugana
Copy link

Would love to tackle this

@jgreywolf jgreywolf added Contributor needed Status: Approved Is ready to be worked on Good first issue! Graph: User journey and removed Status: Triage Needs to be verified, categorized, etc labels Apr 6, 2023
@RadoslavK1
Copy link

RadoslavK1 commented Dec 19, 2023

Hello, is the issue still available, please? I'd like to look into it.

@pranavm2109
Copy link

pranavm2109 commented Jan 23, 2025

@jgreywolf @sidharthv96 @acalvo Could you please direct us to resources on how to style the titles of other types of diagrams? We cannot seem to find any examples of solely titles being styled for different mermaid diagrams, and wanted to use that method of styling as a base to introduce styling for journey diagrams.

@pranavm2109
Copy link

@jgreywolf @sidharthv96 @acalvo We (@Shahir-47 and myself) have passed the PR at the link #6225 ; we have added theme variables for title font size and title weight and made use of the pre-existing 'titleColor' theme variable in theme-default.js in the journeyRenderer.ts file, to introduce the ability for journey diagram titles to be styled via their configuration, and created a draft pull request. Is this approach what is expected? Attached below is a screenshot for reference:

Image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
5 participants