On this note, I would really love if bar.css 's

#tracy-debug * {

could be changed to:

#tracy-debug-bar * {

I make this change every time there is an update so I can include ACE editor in a custom panel. I have mentioned this before, but was hoping that if some css changes are about to be made that this could be reconsidered.

Thanks and sorry for hijacking!

Since #tracy-debug-bar is inside #tracy-debug - at least in Tracy that I have installed on this machine (another from that I have sent PR from) - it should be affected also by my change. Am I missing something? What is exactly your problem?

Am I missing something? What is exactly your problem?

I just tested with your changes and I still need to make that change of mine which makes things much easier to override.

My issue is actually kind of the reverse to what you are addressing here - sorry for the confusion - I just wanted to get the CSS discussion going again.

More info here: #151

Just thought I'd also post the additional CSS rules I am adding (along with that change from #tracy-debug to tracy-debug-bar

https://github.com/adrianbj/TracyDebugger/blob/865a669a3ddfc0e528413452235e8aefe50e332e/styles.css#L1-L208

The highlighted lines are the ones relevant to all Tracy installs. The rest are only relevant to some of my custom panels. This combination seems to work well, but perhaps your additions here would avoid the need for some of my added rules?

So basically, your problem is that Tracy's style is damaging something you've put inside the panel? I fixed issues occurring when outside page's CSS damages Tracy's design. I believe these are two different things and should be solved separately. Your problem is primarily in the third party library you are using and there it should be fixed. Maybe it can be fixed in Tracy but, as I said, it is different problem.

However, for test purpose, I've just tried to change #tracy-debug * to #tracy-debug-bar *. There are some differences after I did so. For example, headings h2 look a little bit different. I do not have time to solve it on my own. If it bothers you, you should prepare your own PR with solution :)

So basically, your problem is that Tracy's style is damaging something you've put inside the panel? I fixed issues occurring when outside page's CSS damages Tracy's design.

Yes, I realize the difference. I was just trying to contribute to improving the CSS conflicts in both directions. Anyway, sorry for hijacking your PR.

Thanks!

I merged only :before and :after reset, for the !important part I am trying a different approach #241.

Sending kudos from zlml.cz... :)