[ci skip] Try to solve empty states and sticky sidebar50904-vuex-job-page

1 files changed, 5 insertions, 1 deletions

diff --git a/app/assets/javascripts/jobs/components/job_log_controllers.vue b/app/assets/javascripts/jobs/components/job_log_controllers.vue
index 81335fd1ef9..d5cdb277784 100644
--- a/app/assets/javascripts/jobs/components/job_log_controllers.vue
+++ b/app/assets/javascripts/jobs/components/job_log_controllers.vue
@@ -1,4 +1,5 @@
 <script>
+  import { polyfillSticky } from '~/lib/utils/sticky';
   import Icon from '~/vue_shared/components/icon.vue';
   import tooltip from '~/vue_shared/directives/tooltip';
   import { numberToHumanSize } from '~/lib/utils/number_utils';
@@ -58,6 +59,9 @@
         this.$emit('scrollJobLogBottom');
       },
     },
+    mounted() {
+      polyfillSticky(this.$el);
+    },
   };
 </script>
 <template>
@@ -133,7 +137,7 @@
           type="button"
           class="js-scroll-bottom btn-scroll btn-transparent btn-blank"
           @click="handleScrollToBottom"
-          :class="{ animate: isScrollingDown }"
+          :class="{ animate: true }"
         >
           <icon name="scroll_down"/>
         </button>