LT-253: Added Collection to store Additional Findings in the database. Set up some form components that store temporary UI state

2016-07-22 11:12:04 +02:00
1 parent 022c534895
commit 40062e2e9d
@@ -0,0 +1,118 @@
+@import "{design}/app"
+
+.additionalFindings
+  width: 100%
+  height: 100%
+  background-color: #000000
+
+  .scrollArea
+    height: 100%
+    overflow-x: hidden
+    overflow-y: auto
+    margin-right: -16px
+    padding-bottom: 100px
+    padding-right: 16px
+
+    -webkit-overflow-scrolling: touch
+
+    .row
+      margin-right: 0
+      margin-left: 0
+
+    &::-webkit-scrollbar
+      display: none
+
+    .header
+      height: 33px
+      line-height: 33px
+      font-weight: 400
+      font-size: 14px
+      padding: 0 10px
+      color: $textPrimaryColor
+      background-color: $uiGrayDarker
+
+    .form-group
+      padding: 10px
+      color: $textPrimaryColor
+
+      &:not(:last-child)
+        border-bottom: $uiBorderThickness solid $uiBorderColorDark
+
+      h5
+        font-weight: 300
+
+      label
+        font-size: 14px
+        font-weight: 100
+        display: inline-block
+        padding: 5px
+
+      .radio-group
+        height: 30px
+
+        .radio-option
+          width: 50%
+          text-align: center
+          float: left
+          display: inline-block
+          padding: 5px
+          height: 30px
+
+          input
+            float: left
+            height: 30px
+            width: 30px
+            display: inline-block
+
+          label
+            float: left
+            height: 30px
+            line-height: 30px
+            font-size: 14px
+            font-weight: 100
+            display: inline-block
+
+      #regionsOfMetastaticDisease
+        width: 285px
+        height: 30px
+        border-radius: 2px
+        background-color: #b6b6b6
+        color: #3e3e3e
+        font-size: 14px
+
+    .buttonSection
+      cursor: pointer
+      height: 100px
+      color: $defaultColor
+
+      &:hover
+        color: $hoverColor
+
+        .svgContainer
+          svg
+            fill: $hoverColor
+
+      &:active
+        color: $activeColor
+
+        .svgContainer
+          svg
+            fill: $activeColor
+
+      div
+        float: left
+        display: inline-block
+        height: 80px
+
+      .buttonLabel
+        line-height: 80px
+        padding: 0 30px
+
+      .svgContainer
+        padding: 15px 5px
+        width: 40px
+
+        svg
+          width: 40px
+          height: 40px
+          fill: $textPrimaryColor