LT-249: Creating active state for measurement rows

Packages/lesiontracker/client/components/lesionTableRow/lesionTableRow.styl

@@ -6,6 +6,28 @@
   margin-top: 2px
   width: 100%
 
+  &.active
+    margin-left: -6px
+    padding-left: 6px
+    // required transformation to make inner fixed elements relative to this one
+    transform(scale(1))
+
+    &:before
+      background-color: $activeColor
+      border-top-left-radius: 7px
+      border-bottom-left-radius: 7px
+      content: ''
+      display: block
+      height: 100%
+      left: 0
+      pointer-events: none
+      position: fixed
+      top: 0
+      width: 5px
+
+    .lesionRowSidebar
+      color: $activeColor
+
   .lesionRowSidebar
     background: $uiGrayDark
     color: $textSecondaryColor
@@ -19,9 +41,6 @@
       padding-top: 10px
       text-align: center
 
-    &.active
-      border-left: 4px $activeColor solid
-
   .lesionDetails
     flex: 1
     padding: 5px 2px 0 14px