Make responsive component using vue-cytoscape

[pkovanen]

I'm trying to integrate vue-cytoscape into my application, but I'm having hard time getting the child component (based on vue-cytoscape) to be responsive. There are lots of different style related attributes in the DOM which cannot be configured, and I'm baffled.

The parent component is based on bootstrap. How can I make the child responsive?

[rcarcasses]

Hi @pkovanen , sorry for the late reply. Cytoscape is mounted in a div created here:

vue-cytoscape/src/components/Cytoscape.ts

Line 26 in 58af89b

el.setAttribute('id', 'cytoscape-div')

which has a very basic styling as to work by default. I'm not sure how to make it responsive as per your need but I think a good start could be to target this DOM element with css:

#cytoscape-div {
...
}

Let me know if it helps.