question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Gitgraph Diagram: rotateCommitLabel

See original GitHub issue

Describe the bug The option rotateCommitLabel: true does not work. In the documentation it says this is the default behaviour, but right now it defaults to a horizontal commit label.

To Reproduce Steps to reproduce the behavior:

  1. Go to the mermaid live editor
  2. enter the gitgraph from the code sample below
  3. See error: The commit message is displayed horizontally
  4. Go to Config
  5. Add the option: "gitGraph": {"rotateCommitLabel": true}
  6. See error: The commit message is still displayed horizontally

Expected behavior The commit message is shown at a 45° angle

Screenshots What is shown in the documentation: afbeelding

What acutally happens: afbeelding

Code Sample

    gitGraph
      commit
      commit
      branch develop
      checkout develop
      commit
      commit
      checkout main
      merge develop
      commit
      commit

Desktop (please complete the following information):

  • OS: Windows11
  • Browser: Firefox, Chrome
  • Version: firefox v101.0.1, chrome v102.0.5005.115

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
sidharthv96commented, Jun 16, 2022

GitHub will be using an older version for sure as 9.1.2 was only released 2 days back.

0reactions
teacher-svbcommented, Jun 16, 2022

what version is used on Github? I still see the same bug over there

Read more comments on GitHub >

github_iconTop Results From Across the Web

Gitgraph Diagrams - Mermaid
You can change the layout of the commit labels by using the rotateCommitLabel keyword in the directive. It defaults to true , which...
Read more >
GitGraph.js
A JavaScript library to draw pretty git graphs. Use ⬅️ and ➡️ keys to navigate ...
Read more >
Git ブランチの表現も Mermaid がよい感じに表示してくれました
Mermaid の Gitgraph Diagrams を利用することにより、このような感じで表示できるようになります。 図 1-2 Mermaid によるブランチのグラフ.
Read more >
VS Code tips — The Git Graph extension - YouTube
Get visual and interactive view of the current .git repository with the Git Graph extension for VS Code.Browse through commits, switch ...
Read more >
Issues · mermaid-js/mermaid · GitHub
Generation of diagram and flowchart from text in a similar manner as markdown - Issues · mermaid-js/mermaid.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found