fix animation issue when showing sidebar

README.md

@@ -63,6 +63,7 @@ Latest (master):
 * Coloring issue's title instead of link in Gantt diagram for overdue issues
 * Updated npm packages: grunt-sass from 0.18.0 to 1.0.0 and grunt-contrib-uglify 0.7.0 to 0.9.1
 * Use flexbox layout by default (can be changed by setting `$flexbox-layout` to `false`)
+* Fixed animation issue when showing sidebar
 
 v1.6.0 (2015-06-10):
 

src/javascripts/modules/SidebarToggler.js

@@ -134,9 +134,12 @@ PurpleMine.SidebarToggler = (function()
     SidebarToggler.prototype.showSidebar = function()
     {
         clearTimeout(this.sidebarHiding);
-        this.$sidebar
-                .removeClass("sidebar-hidden", 0)
-                .removeClass("sidebar-hiding");
+
+        self.$sidebar.removeClass("sidebar-hidden");
+        setTimeout(function sidebarTimeout()
+        {
+            self.$sidebar.removeClass("sidebar-hiding");
+        }, 50);
 
         this.$toggler.removeClass("sidebar-hidden");
         this.sidebarVisible = true;

src/sass/javascripts/_sidebar-toggler.scss

@@ -9,8 +9,10 @@
     #sidebar {
         @if $fixed-layout {
             opacity: 1;
+            will-change: margin, opacity;
             @include transition(margin .5s, opacity .5s);
         } @else {
+            will-change: margin;
             @include transition(margin .5s);
         }