nette / tracy

😎 Tracy: the addictive tool to ease debugging PHP code for cool developers. Friendly design, logging, profiler, advanced features like debugging AJAX calls or CLI support. You will love it.
https://tracy.nette.org
Other
1.75k stars 218 forks source link

Body flex based design is overridden by bluescreen style #546

Closed becygroup closed 2 years ago

becygroup commented 2 years ago

Version: 2.9.3

Bug Description

In bluescreen, is directly inserted the following on each page with Tracy:

html, body {
    display: block;
    overflow: visible;
}

Founded in file vendor/tracy/tracy/src/Tracy/BlueScreen/assets/bluescreen.css:9.

It is no way to override that, so in develop mode with tracy it breaks website design, when its based on flex like this:

body {
    display: flex;
}

Steps To Reproduce

Any website design which is based on flex on the body element.

Expected Behavior

Don't define that.

Possible Solution

Use specific selector if it is needed for correctly rendering bluescreen.