Skip to content


Subversion checkout URL

You can clone with
Download ZIP


Improve the CSS #476

aaugustin opened this Issue · 5 comments

5 participants


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:

<div class="checker">
    <span class="checked">
        <!-- 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 [0] while listening to a podcast [1], and checked out a video [2] 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.



screen shot 2015-09-18 at 13 52 27

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-.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.