From ed346b3b542d02b4d5d3ebc38787d35e090db5af Mon Sep 17 00:00:00 2001
From: Matt-Yorkley <9029026+Matt-Yorkley@users.noreply.github.com>
Date: Mon, 17 Aug 2020 12:36:11 +0100
Subject: [PATCH] Add scrolling animate on sidebar hide

---
 app/assets/stylesheets/darkswarm/expanding-sidebar.scss | 4 +++-
 app/views/shared/menu/_cart_sidebar.html.haml           | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/darkswarm/expanding-sidebar.scss b/app/assets/stylesheets/darkswarm/expanding-sidebar.scss
index da1034cf42..8bfcfe824b 100644
--- a/app/assets/stylesheets/darkswarm/expanding-sidebar.scss
+++ b/app/assets/stylesheets/darkswarm/expanding-sidebar.scss
@@ -16,12 +16,14 @@
     width: 100%;
     background-color: $shop-sidebar-overlay;
     opacity: 0;
-    transition: opacity $transition-sidebar;
+    visibility: hidden;
+    transition: all $transition-sidebar;
   }
 
   &.shown {
     .background {
       opacity: 1;
+      visibility: visible;
     }
 
     .sidebar,
diff --git a/app/views/shared/menu/_cart_sidebar.html.haml b/app/views/shared/menu/_cart_sidebar.html.haml
index 03c3f52222..10bef792ab 100644
--- a/app/views/shared/menu/_cart_sidebar.html.haml
+++ b/app/views/shared/menu/_cart_sidebar.html.haml
@@ -1,4 +1,4 @@
-.expanding-sidebar.cart-sidebar{ng: {controller: 'CartCtrl', show: 'showCartSidebar', class: "{'shown': showCartSidebar, 'hidden': !showCartSidebar}"}}
+.expanding-sidebar.cart-sidebar{ng: {controller: 'CartCtrl', class: "{'shown': showCartSidebar}"}}
   .background{ng: {click: 'toggleCartSidebar()'}}
   .sidebar
     .cart-header