day8 / re-frame-10x

A debugging dashboard for re-frame. X-ray vision as tooling.
MIT License
634 stars 68 forks source link

Isolate panel styles from host project #65

Closed daiyi closed 7 years ago

daiyi commented 7 years ago

I'm using

 #--re-frame-trace-- {

   all: initial;

   * {
     all: unset;
   }

  ...
}

To reset all the styles within the trace panel, so the panel doesn't take on styles from its host project that make it unusable and weird-looking. Unfortunately, this also wipes out user agent styles, so this PR rebuilds the minimal styles necessary for the side panel to function.

(note: main.css is generated from main.less, so only main.less needs to be reviewed).

Closes #17, #44

daiyi commented 7 years ago

Done!

daiyi commented 7 years ago

@danielcompton, how does this look in your internal project? are there clashes remaining?

danielcompton commented 7 years ago

Yep, this is working great now. Thanks!