Update indicator bar height to ensure it moves past bottom edge

ee/app/assets/javascripts/roadmap/components/timeline_today_indicator.vue

@@ -38,8 +38,14 @@
         // Get size in % from current date and days in month.
         const left = Math.floor((this.currentDate.getDate() / daysInMonth) * 100);
 
-        // Set styles and reduce scrollbar height from total shell height.
-        this.todayBarStyles = `height: ${height}px; left: ${left}%;`;
+        // We add 20 to height to ensure that
+        // today indicator goes past the bottom
+        // edge of the browser even when
+        // scrollbar is present
+        this.todayBarStyles = {
+          height: `${height + 20}px`,
+          left: `${left}%`,
+        };
         this.todayBarReady = true;
       },
     },

spec/javascripts/roadmap/components/timeline_today_indicator_spec.js

@@ -46,7 +46,9 @@ describe('TimelineTodayIndicatorComponent', () => {
         vm.handleEpicsListRender({
           height: 100,
         });
-        expect(vm.todayBarStyles).toBe('height: 100px; left: 50%;'); // Current date being 15th
+        const stylesObj = vm.todayBarStyles;
+        expect(stylesObj.height).toBe('120px');
+        expect(stylesObj.left).toBe('50%');
         expect(vm.todayBarReady).toBe(true);
       });
     });