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 connector lines #31

Closed
rorysmyth opened this issue Dec 4, 2014 · 5 comments
Closed

Styling connector lines #31

rorysmyth opened this issue Dec 4, 2014 · 5 comments
Labels
Type: Enhancement New feature or request

Comments

@rorysmyth
Copy link

Firstly, great work. I've been tinkering with it the last day and I'm gonna try to build a UI on top of it to make it even easier to use. Especially at a larger scale.

One suggestion i'd make is the styling of lines

How about something like this?

A--(linkStyle)>B;

then then defining the style later
linkStyle stroke:#ff3, stroke-width:4px;

@knsv knsv added the styling label Dec 5, 2014
@knsv
Copy link
Collaborator

knsv commented Dec 5, 2014

I think the styling will need some brush up. You can style the links today but not with classes in the way described. Will tag as enhancement.

@knsv knsv added the Type: Enhancement New feature or request label Dec 5, 2014
@velvia
Copy link

velvia commented Feb 26, 2015

Something like this would be great:

linkStyle default stroke:#ff3;

(be able to specify a default link style)

@knsv
Copy link
Collaborator

knsv commented Feb 28, 2015

Yes that makes sense. I wIll give it a go!

knsv added a commit that referenced this issue Feb 28, 2015
Flowchart: Default styles for links as discussed in issue #31
@knsv
Copy link
Collaborator

knsv commented Jun 7, 2015

I am going through issues and am closing this one as this is implemented and released (pre 0.5.0).
Example of (part of web.html) in the test folder:

graph LR;
        A[Now with default style on links]--v-->B{a = '1,2'}
        B-->|v|C[v]
        B-- ... default style on links -->Z[My default thing this]
        C-->D{condition};

        linkStyle 0 stroke-width:2px,fill:none,stroke:blue;
        linkStyle default stroke-width:2px,fill:none,stroke:red;

@knsv knsv closed this as completed Jun 7, 2015
knsv pushed a commit that referenced this issue Aug 4, 2021
Bumps [@percy/cypress](https://github.com/percy/percy-cypress) from 3.1.0 to 3.1.1.
- [Release notes](https://github.com/percy/percy-cypress/releases)
- [Commits](percy/percy-cypress@v3.1.0...v3.1.1)

---
updated-dependencies:
- dependency-name: "@percy/cypress"
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
@Jitterer
Copy link

Jitterer commented Apr 28, 2022

Hi,
I hope I won't be bullied for my request, but am I the only person who isn't able to find this documentated or understand, how exactly this is working?
Could this features be added to the flowchart style documentation and/or give another example in this issue here? I would really appreciate that!
Thank you in advance!
BR

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

4 participants