We would like to remove/hide what seems to be a built-in zoom box within the Process Flow Map in the CEO Dashboard UI Builder as seen here:
What we have tried:
- CSS display: none applied to .tools-container... does not work because only Global(*) CSS is considered... as you can see in the inspect element, the ".tools-container" is what we want to target, and if we manually add "style='display: none'" to the inspect element this achieves what we want, but we cannot do this because only Global(*) is accepted in the CSS of the component in UI Builder and other CSS is removed
- Expanding the view width to push it off the screen... does not work because the wheel will be out of place:
- Toggling off "Show Zoom Control"... the white box is still present, only it doesn't have the ability to zoom in and out:
- Writing javascript code to add "display: none" to the div... no luck
