Find better way to prevent style leak than use lots of important tags about test-recorder HOT 6 OPEN

May be BEM?

from test-recorder.

That wouldn't stop style leak from the parent doc.

from test-recorder.

Perhaps a name for test recorder and replacing class names such as header to -test-recorder__header?
Just suggesting.

from test-recorder.

material-ui inlines all the styles without any class names

from test-recorder.

Can you explain more how this relates to this project thx.

from test-recorder.

The styles used for the test recorder shouldn't affect the web page and the styles from the web page should be overwritten by the test recorder's styles. Furthermore, most styles pertaining to the recorder itself are nonreusable. So using inline styles may be better suited than having classes. This means !important will no longer be needed. One downside is the lack of clarity when all the styles are inlined

from test-recorder.