We're mostly backend people, but I'm pretty sure we can do better...
On a related note: as this is a package/plugin, all CSS classess should be prefixed to avoid being overridden by other project staticfiles. For example:
<!-- Input -->
The above checker and checked classes are used often by jQuery plugins and CSS frameworks (for example, both are used by jQuery Uniform). Best case would be renaming all classes with a prefix, such as djDebug_.
I chanced upon rack-mini-profiler  while listening to a podcast , and checked out a video  about how it works. I thought it looked really simple and clean, and would like to suggest updates to the style for debug toolbar in the direction of that project.
Would the maintainers like to take a quick look? Will be happy to work on this if the core team is interested, thanks!
What did you have in mind for style changes? The toolbar currently expects that panels remain exclusive of each other. The rack-mini-profiler shows a general overview that contains data that exists across a few of the toolbars panels.
This button is the "go back" button. But it's on the right side, pointing right. In almost every context, that's the convention to go forward, not back. I hope I'm not the only one that ends up clicking "back" on my browser.
The suggestion is that nav could be an ounce more intuitive and conventional.
Regarding namespacing, we try to prefix everything with djdt-.
I think that the toolbar CSS might get overridden by Bootstrap too. I'm trying it with Bootstrap 4, which contains this:
...which causes the Debug Toolbar to disappear, because it contains: <div id="djDebug" hidden="hidden"...
<div id="djDebug" hidden="hidden"...