Restrict the debug toolbar to a single row of panels.

Any panels that would cause the toolbar to wrap to a new line are put into a
new final panel called "more..." and are accessible via a vertical list under
that panel.

Slight tweaks were made to the original to match a previous commit's Javascript
style.

Signed-off-by: Rob Hudson <rob@cogit8.org>

1 files changed, 16 insertions, 0 deletions

diff --git a/debug_toolbar/media/toolbar.css b/debug_toolbar/media/toolbar.css
index 3656e81..7c765da 100644
--- a/debug_toolbar/media/toolbar.css
+++ b/debug_toolbar/media/toolbar.css
@@ -79,6 +79,22 @@
     border-right: 1px solid #487858;
 }
 
+#djDebugMore ul {
+    float: right;
+    background: #2a5738;
+    display: none;
+}
+
+#djDebugMore:hover ul {
+    display: block;
+}
+
+#djDebugMore li {
+    display: inherit;
+    position: inherit;
+    line-height: inherit;
+}
+
 #djDebugToolbar #djDebugButton {
     color: #92ef3f;
 }