Lesion Tracker Redesign so far

2016-07-22 11:00:16 +02:00
1 parent b247e89d8b
commit a9a4f3f82b
@@ -0,0 +1,58 @@
+@import "{design}/app"
+
+$headerRowHeight = 63px
+
+.lesionTableHeaderRow
+  background: $darkUiColor
+  color: $textSecondaryColor
+  fill: $textSecondaryColor
+  width: 100%
+  height: $headerRowHeight
+  display: flex
+  line-height: $headerRowHeight
+
+  div
+    flex: 1
+    justify-content: space-around
+    align-items: stretch
+    text-align: center
+
+  .add
+    padding: 0 10px
+    max-width: 20px
+    cursor: pointer
+
+    svg
+      height: $headerRowHeight
+      max-width: 11px
+
+  .type
+    cursor: pointer
+    font-weight: 200
+    height: $headerRowHeight
+    font-size: 13pt
+
+  .numberOfLesions
+    float: right
+    font-weight: 100
+    font-size: 40px
+    max-width: 30px
+    margin-right: 5px
+    height: $headerRowHeight
+    line-height: $headerRowHeight
+
+  .max
+    height: $headerRowHeight
+    background: $darkUiColor
+
+    .maxNumLesions
+      margin: 21px auto
+      height: 20px
+      line-height: 20px
+      width: 47px
+      font-size: 12px
+      text-transform: uppercase
+      font-weight: 500
+      border-radius: 3px
+      color: black
+      background-color: $textSecondaryColor;