[GoogleCharts] ChartEditor is not properly working in IRuby notebook

[Prakriti-nith]

In IRuby notebook charteditor dialog box appears behind the elements of the notebook like this:

Refer this comment.

[Shekharrajak]

Refer #118 (comment)

[sayant1204]

Hello @Shekharrajak,
I tried to solve this issue by using z-index. on clicking the edit button I am giving z-index to that container. Also, I gave some styling to the container.
js << "\n document.getElementsByClassName('modal-dialog')[0].style.zIndex = '2';" js << "\n document.getElementsByClassName('modal-dialog')[0].style.height = '60%';" js << "\n document.getElementsByClassName('modal-dialog')[0].style.width = '60%';" js << "\n document.getElementsByClassName('modal-dialog')[0].style.overflow = 'scroll';"

Does this approach look good?

[sayant1204]

ping @Shekharrajak.

[Shekharrajak]

Thanks @sayant1204 ! Can you please create a PR and send me the notebook link (with you example) ?

You can easily put the github link of the jupyter notebook here: https://nbviewer.jupyter.org/ and hopefully we can see it working.