Merge pull request #1360 from SumOfUs/fix-progress-tracker-styling

Fix progress tracker styling

app/javascript/plugins/progress-tracker.js

@@ -8,17 +8,30 @@ export default class ProgressTracker {
   }
 
   addEventListeners() {
+    const $header = $('.header-logo');
     ee.on('action:submitted_success', this.show);
     ee.on('action:submitted_success', () => this.tick('signed'));
     ee.on('fundraiser:transaction_success', () => this.tick('donated'));
-    window.addEventListener('share', () => this.tick('shared'), false);
+    window.addEventListener(
+      'share',
+      () => {
+        $header.hide();
+        this.tick('shared');
+      },
+      false
+    );
     $('.two-step__decline').on('click', () => {
+      $header.hide();
       this.cross('shared');
     });
   }
 
   show() {
+    const $header = $('.header-logo');
     const $tracker = $('.header-logo .progress-tracker');
+
+    $header.addClass('with-progress-tracker');
+
     $tracker
       .removeClass('hidden-closed')
       .clone()