search

camunda / camunda-modeler-plugins

Plugins for the Camunda Modeler.
168 stars 67 forks source link

Custom React Component CSS issues when inside Camunda Modeler #72

Closed billbarni closed 2 years ago

billbarni commented 2 years ago

Describe the Bug

I am adding a plugin to the Properties Panel and setting a custom component. A ("npm i react-calendar"). But the Properties Panel CSS keeps forcing itself over my CSS when running inside Camunda Modeler.

Steps to Reproduce

  1. Create a Properties Panel Extenstion
  2. Add a component and some CSS to it via file import (import "./mystyle.css")
  3. Add this styles: .mycomponentstyleclass { color: white; font-size: 1; line-height: 1; font-weight: 1; box-sizing: content-box; }
  4. Styles don't work, class ".bio-properties-panel *" overrides everyone: image

If I force disable the style in the dev panel, the component CSS works: image

Expected Behavior

How to avoid .bio-properties-panel inheritance? css "all: unset/initial" does not work.

Environment