ref bar alignment fix

two-n · Aug 19, 2020 · aae5fe1 · aae5fe1
1 parent 8fc3fb9
commit aae5fe1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/app/src/components/BarTimeline/index.ts b/app/src/components/BarTimeline/index.ts
@@ -181,6 +181,7 @@ export default class BarTimeline {
         } return '';
       })
       .classed(C.GRADIENT, (d, i) => (stepData.step_id >= tStopsMap.get(TS.GRADIENT)))
+      .classed('center', (d, i) => (stepData.step_id >= tStopsMap.get(TS.MOVE_REFS)))
       .style('width', (d, i) => {
         if (i === 0) return `${this.middleX}px`;
         return stepData.step_id >= tStopsMap.get(TS.MOVE_REFS)

diff --git a/app/src/components/BarTimeline/style.scss b/app/src/components/BarTimeline/style.scss
@@ -122,6 +122,10 @@
         opacity: 1;
       }
 
+      &.center.post{
+        margin-left: calc(#{$thickBorderWidth}/2);
+      }
+
       &.gradient {
         &.post{
           background-color:$colorYellow;