#555712 by TheRec: Moved shortcut bar collapse icon to the left side so it's...

#555712 by TheRec: Moved shortcut bar collapse icon to the left side so it's more easily accessible and 'Log out' is no longer mistakenly clicked.

modules/toolbar/toolbar.css

@@ -76,7 +76,7 @@ div#toolbar div.toolbar-menu {
 
 div#toolbar div.toolbar-menu #toolbar-user {
   position: absolute;
-  right: 35px;
+  right: 10px;
 }
 
 div#toolbar div.toolbar-menu #toolbar-menu {
@@ -84,9 +84,16 @@ div#toolbar div.toolbar-menu #toolbar-menu {
   left: 10px;
 }
 
+/**
+ * Give space for the shortcuts visibility toggling element when it is added.
+ */
+div#toolbar.toolbar-processed div.toolbar-menu #toolbar-menu {
+  left: 45px;
+}
+
 div#toolbar div.toolbar-menu span.toggle {
   position: absolute;
-  right: 10px;
+  left: 10px;
   cursor: pointer;
   background: url(toolbar.png) 0 -60px no-repeat;
   text-indent: -9999px;

modules/toolbar/toolbar.js

@@ -10,6 +10,9 @@ Drupal.behaviors.admin = {
     // Set the intial state of the toolbar.
     $('#toolbar', context).once('toolbar', Drupal.admin.toolbar.init);
 
+    // Add the toggling element for shortcuts visibility.
+    $('#toolbar div.toolbar-menu').prepend('<span class="toggle toggle-active"><a href="#">' + Drupal.t('Show shortcuts') + '</a></span>');
+
     // Toggling of admin shortcuts visibility.
     $('#toolbar span.toggle', context).once('toolbar-toggle').click(function() {
       Drupal.admin.toolbar.toggle();

modules/toolbar/toolbar.tpl.php

@@ -16,7 +16,6 @@
 ?>
 <div id="toolbar" class="clearfix">
   <div class="toolbar-menu clearfix">
-    <span class="toggle toggle-active"><?php print t('Show shortcuts'); ?></span>
     <?php print render($toolbar['toolbar_menu']); ?>
     <?php print render($toolbar['toolbar_user']); ?>
   </div>