Make Epic sidebar auto-expand when participants & label icon is clicked

app/assets/javascripts/sidebar/components/subscriptions/subscriptions.vue

@@ -37,7 +37,7 @@
     },
     computed: {
       showLoadingState() {
-        return this.loading || this.subscribed === null;
+        return this.subscribed === null;
       },
       notificationIcon() {
         return this.subscribed ? ICON_ON : ICON_OFF;
@@ -51,6 +51,7 @@
        * We need to emit this event on both component & eventHub
        * for 2 dependencies;
        *
+       * Make Epic sidebar auto-expand when participants & label icon is clicked
        * 1. eventHub: This component is used in Issue Boards sidebar
        *              where component template is part of HAML
        *              and event listeners are tied to app's eventHub.

ee/app/assets/javascripts/epics/sidebar/components/sidebar_app.vue

@@ -256,11 +256,13 @@
       </sidebar-labels-select>
       <sidebar-participants
         :participants="initialParticipants"
+        @toggleCollapse="toggleSidebar"
       />
       <sidebar-subscriptions
         :loading="savingSubscription"
         :subscribed="store.subscription"
         @toggleSubscription="handleToggleSubscription"
+        @toggleCollapse="toggleSidebar"
       />
     </div>
   </aside>

ee/app/assets/javascripts/epics/sidebar/components/sidebar_participants.vue

@@ -11,6 +11,11 @@
         required: true,
       },
     },
+    methods: {
+      onToggleSidebar() {
+        this.$emit('toggleCollapse');
+      },
+    },
   };
 </script>
 
@@ -18,6 +23,7 @@
   <div class="block participants">
     <participants
       :participants="participants"
+      @toggleSidebar="onToggleSidebar"
     />
   </div>
 </template>

ee/app/assets/javascripts/epics/sidebar/components/sidebar_subscriptions.vue

@@ -19,6 +19,9 @@
       onToggleSubscription() {
         this.$emit('toggleSubscription');
       },
+      onToggleSidebar() {
+        this.$emit('toggleCollapse');
+      },
     },
   };
 </script>
@@ -29,6 +32,7 @@
       :loading="loading"
       :subscribed="subscribed"
       @toggleSubscription="onToggleSubscription"
+      @toggleSidebar="onToggleSidebar"
     />
   </div>
 </template>