Bring back css translate 3d for sidebar

src/inject.css

@@ -9,14 +9,22 @@ html {
     position: fixed;
     padding-top: 41px;
     top: 0;
-    right: auto;
+    right: 0;
+    left: 0;
     bottom: 0;
     background-color: #f7f7f7;
     border-right: 1px solid #ddd;
     overflow: auto;
     z-index: 999991;
-    -webkit-transition: left .2s ease;
+    -webkit-transition: -webkit-transform .2s ease;
-    transition: left .2s ease;
+    transition: transform .2s ease;
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+
+}
+.octotree .octotree_sidebar {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
 }
 
 .octotree_sidebar .ui-resizable-e {
@@ -227,7 +235,7 @@ a.octotree_toggle.loading .loader {
 }
 
 /* Popup (customize from Twitter Bootstrap) */
-.octotree_popup {
+div.octotree_popup {
     position: fixed;
     cursor: pointer;
     display: none;

src/inject.js

@@ -65,8 +65,6 @@
       .append($toggleBtn.click(toggleSidebar))
     $sidebar
       .width(store.get(STORE_WIDTH) || DEFAULT_WIDTH)
-      .css('left', -$sidebar.width())
-      .hide() // prevents Safari from showing sidebar briefly
       .resizable({
         handles  : 'e',
         minWidth : 200
@@ -373,9 +371,8 @@
       toggleSidebar()
     } 
     else {
-      hideHelpPopup()
       $html.toggleClass(PREFIX)
-      $sidebar.show().css('left', $html.hasClass(PREFIX) ? 0 : -$sidebar.width())
+      hideHelpPopup()
       sidebarResized()
     }
   }