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.

Sign up for GitHub

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

Jump to bottom

connection links #764

Open
marwenria opened this issue Jan 4, 2025 · 2 comments
Open

connection links #764

marwenria opened this issue Jan 4, 2025 · 2 comments

Comments

@marwenria
Copy link

How can I hide connection lines and change their color? It is urgent. :(
@marwenria
Copy link
Author

@dabeng please can you help me?

@ValeDale
Copy link
Contributor

ValeDale commented Jan 6, 2025

Well, asking for "urgent" support from a contributor is not really the way to go.

Still, if you are in such a hurry, you can include at the bottom of the css file (e.g. jquery.orgchart.css) the following css:

.orgchart {
  --background-color: blue;
}

.orgchart .hierarchy::before {
    border-top: 2px solid var(--background-color);
}

.orgchart .hierarchy:not(.couple) > .node:has(+ .nodes)::after {
  background-color: var(--background-color);
}

.orgchart .hierarchy:not(.couple) > .node:has(+ .nodes)::after {
  background-color: var(--background-color);
}

.orgchart > ul > li > ul li > .node:not(.outsider)::before {
  background-color: var(--background-color); 
}

just change --background color to the color you want, including "transparent" to "hide" it.

Alternatively, you can put it anywhere using !important:

.orgchart {
  --background-color: transparent;
}

.orgchart .hierarchy::before {
    border-top: 2px solid var(--background-color)!important;
}

.orgchart .hierarchy:not(.couple) > .node:has(+ .nodes)::after {
  background-color: var(--background-color)!important;
}

.orgchart .hierarchy:not(.couple) > .node:has(+ .nodes)::after {
  background-color: var(--background-color)!important;
}

.orgchart > ul > li > ul li > .node:not(.outsider)::before {
  background-color: var(--background-color)!important; 
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@ValeDale @marwenria