Control color of all arcs on hover about sunburst-chart

[vasturiano]

@patryk-wlaz thanks for logging your case.

As for your follow-up question, the CSS that's causing the opacity transition is here:

sunburst-chart/src/sunburst.css

Lines 27 to 30 in b12e607

	.sunburst-viz .main-arc:hover {
	opacity: 0.85;
	transition: opacity .05s;
	}

You should be able to override those style on your application. Do you wish to cancel the opacity effect on hover, or just make the opacity transition immediate?

[patryk-wlaz]

I wish to cancel opacity and make color change immediate. Thank you for pointing out styles, but I've already found them. I've managed to target them by scss mentioned before. This is what I see in developer tools:

On hover:

I'm starting to feel that I do some silly mistake here, like overwriting css styles in a wrong way :) But I think forcing opacity to be one and transition to be none should work...

[vasturiano]

Just setting opacity: 1 on your (s)css should cancel the opacity hover effect. Are you not observing that?

[patryk-wlaz]

Yeah I thought so, but I addd transition just to be sure. As you see, it doesn't work - I don't know what am I doing wrong here see video of my screen captured