search

mariobuikhuizen / voila-embed

Embed jupyter widgets in existing websites
Other
52 stars 7 forks source link

css overrides from index.css #17

Open havok2063 opened 3 years ago

havok2063 commented 3 years ago

After updating to gain the #16 fix, we're now getting CSS that overrides our custom CSS. If I understand #16, that set up the template to use Jupyter Lab as a base html/css. Is that correct? Once we applied the fix, our font, styling, etc are being overwritten by the core defaults.

We think we've identified it as line 800 in the built voila/static/index.css file.

body{
  text-transform:none;
  line-height:1.28581;
  letter-spacing:0;
  font-size:14px;
  font-weight:400;
  color:#182026;
  font-family:-apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", "Icons16", sans-serif; }

This looks like a general html body element. Since it appears after an enclosing page's definitions, it overrides any custom user css settings. Is there a way we can update this so it does not override downstream user css?