Skip to content
This repository has been archived by the owner on Mar 27, 2023. It is now read-only.

Implement label styling workarounds #4

Open
alex0112 opened this issue Dec 22, 2018 · 1 comment
Open

Implement label styling workarounds #4

alex0112 opened this issue Dec 22, 2018 · 1 comment
Labels
bug Something isn't working
Milestone
Aesthetically Ple...

Comments

@alex0112
Copy link
Owner

No description provided.

@alex0112 alex0112 added this to the Aesthetically Pleasing milestone Jun 8, 2019
@alex0112 alex0112 added the bug Something isn't working label Jun 8, 2019
@alex0112
Copy link
Owner Author

alex0112 commented Jun 8, 2019

Currently, longer labels overlap each other and the root label is lost in the noise of the branches. This renders labels illegible and creates a messy feel for the page.

The root label should appear above its node; and the leaf node labels should stagger, preventing overlap.

(As a possible solution: assign each node in the tree a number, style node 0 (root) as root, and then apply a certain style to each node based on its parity)

alex0112 added a commit that referenced this issue Jun 26, 2019
@alex0112
- Created new foreignObject node label. I.e. tree.jsx now renders a s…
e269084 
…eperate react component as a label.

- Root node will now be styled to a specific class.
- Child nodes will now be styled based upon parity.
- Related to issue #4
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
bug Something isn't working
Projects
None yet
Milestone
Aesthetically Pleasing
Development

No branches or pull requests
1 participant
@alex0112