fix: fixed react flow link

[govardhanshah456]

What change does this PR introduce?

Made the React Flow Link More foundable.

Why was this change needed?

closes #4266

Other information (Screenshots)

[scopsy]

@govardhanshah456 could you please keep the original color of the link and just move the position to be centered as you did but with 30px top margin?

[govardhanshah456]

I was going to keep original color only but then it is barely visible in dark mode so I changed it to deeppink:(image for refn)

when keeping hover one can notice but only when hover event occurs(image refn)

Also Margin top Won't work as position of parent div is absolute. we have to make current div position relative and apply top and right to make it centered, it is done though. I have pushed the required changes with color being reverted to original with hover present. If you feel like color needs to change please let me know.

Thanks.

[scopsy]

I see, could you please just move it to the center with the old color? And just moving it down by 30px?

[govardhanshah456]

I see, could you please just move it to the center with the old color? And just moving it down by 30px?

You can refer the latest commit, I have made that changes on it only

[scopsy]

@govardhanshah456 mind sharing a photo of how it looks after the changes?

[govardhanshah456]

@govardhanshah456 mind sharing a photo of how it looks after the changes?

[govardhanshah456]

@scopsy & @LetItRock any changes required? I guess mostly we would like to change text color in dark mode.

In light mode, it looks like this:

In dark mode, it looks like this:

[scopsy]

Just a small adjustment here

[scopsy]

@govardhanshah456 please comment on the original issue so I can assign you

[govardhanshah456]

@govardhanshah456 please comment on the original issue so I can assign you

yes, did that, and commited the suggestions provided

[govardhanshah456]

@scopsy Hey, can you assign this to me? i have commented on the issue as well for the same.

Thanks