Different styling (always on top of page)

classes/Kohana/Debugtoolbar.php

@@ -116,18 +116,6 @@ abstract class Kohana_Debugtoolbar {
 			self::firephp();
 		}
 
-		// Set alignment for toolbar
-		switch ($config->align)
-		{
-			case 'right':
-			case 'center':
-			case 'left':
-				$template->set('align', $config->align);
-				break;
-			default:
-				$template->set('align', 'left');
-		}
-
 		// Javascript for toolbar
 		$template->set('scripts', file_get_contents(Kohana::find_file('views', 'toolbar', 'js')));
 
@@ -583,4 +571,4 @@ abstract class Kohana_Debugtoolbar {
 
 		return TRUE;
 	}
-}
+}

config/debug_toolbar.php

@@ -32,12 +32,6 @@ $config['panels'] = array(
 	'customs'           => TRUE,
 );
 
-/*
- * Toolbar alignment
- * options: right, left, center
- */
-$config['align'] = 'right';
-
 /*
  * Secret Key
  */
@@ -55,4 +49,4 @@ $config['excluded_routes'] = array(
 	'docs/media'  // Userguide media route
 );
 
-return $config;
+return $config;

views/toolbar.css

@@ -37,7 +37,7 @@ div#kohana-debug-toolbar ul {
 
 /* Global */
 div#kohana-debug-toolbar {
-	font-family: Arial, sans-serif;
+	font-family: Arial, "Open Sans", sans-serif;
 	font-size: 12px;
 	color: #333;
 	text-align: left;
@@ -60,16 +60,6 @@ div#kohana-debug-toolbar a:hover {
   color: #222;
 }
 div#kohana-debug-toolbar pre { line-height: 1.3 }
-div#kohana-debug-toolbar .top {
-	position: absolute;
-	left: 0px;
-	top: 0px;
-	width: 100%;
-	z-index: 9999;
-	border-bottom: 1px solid #aaa;
-	background-color: #efefef;
-	padding: 10px;
-}
 
 /* Tables */
 div#kohana-debug-toolbar table {
@@ -105,26 +95,37 @@ div#kohana-debug-toolbar tr.current {
 
 /* Toolbar */
 div#kohana-debug-toolbar div#debug-toolbar {
-	position: fixed;
-	padding: 0 0 3px 0;
+  position: absolute;
 	top: 0px;
-	opacity: 0.80;
-	filter: alpha(opacity:80);
-	z-index: 10000;
-	white-space: nowrap;
+  width: 100%;
+	padding: 0 0 3px 0;
 	line-height: 16px;
 	background-color: #ccc;
 }
-div#kohana-debug-toolbar div#debug-toolbar.debug-toolbar-align-center { left: auto; right: auto; }
-div#kohana-debug-toolbar div#debug-toolbar.debug-toolbar-align-right { right: 0; }
-div#kohana-debug-toolbar div#debug-toolbar.debug-toolbar-align-left { left: 0; }
-div#kohana-debug-toolbar div#debug-toolbar img { vertical-align: middle; }
+html {
+  position: absolute;
+  top: 16px;
+}
+div#kohana-debug-toolbar .top {
+	position: absolute;
+	left: 0px;
+	top: 20px;
+	width: 100%;
+	z-index: 9999;
+	border-bottom: 1px solid #aaa;
+	background-color: #efefef;
+	padding: 10px;
+}
+
+div#kohana-debug-toolbar div#debug-toolbar img { 
+  display: inline;
+}
 div#kohana-debug-toolbar div#debug-toolbar ul.menu {
 	padding: 5px;
-	display: inline;
+  display: inline;
 }
 div#kohana-debug-toolbar div#debug-toolbar ul.menu li {
-	display: inline;
+	display: inline-block;
   list-style: none;
   padding: 0 5px;
   border-right: 1px solid #aaa;
@@ -222,4 +223,4 @@ div#kohana-debug-toolbar div#debug-customs .sectionmenu li.active {
 	background-color: #ddd;
 	color: #000;
 }
-</style>
+</style>

views/toolbar.js

@@ -65,17 +65,6 @@ var debugToolbar = {
 		document.getElementById('kohana-debug-toolbar').style.display = 'none';
 	},
 
-	swap: function() {
-		var toolbar = document.getElementById('debug-toolbar');
-		if (toolbar.className == 'debug-toolbar-align-center') {
-			toolbar.className = 'debug-toolbar-align-left';
-		} else if (toolbar.className == 'debug-toolbar-align-left') {
-			toolbar.className = 'debug-toolbar-align-right';
-		} else {
-			toolbar.className = 'debug-toolbar-align-center';
-		}
-	},
-
 	collapse: function() {
 		debugToolbar.toggle('debug-toolbar-menu');
 	}