Add page that shows status of TO officer invitations

2019-01-22 15:29:39 -05:00
parent 5766819213
commit ddafa25f22
5 changed files with 214 additions and 1 deletions
--- a/styles/sections/_task_order.scss
+++ b/styles/sections/_task_order.scss
@@ -267,3 +267,84 @@
    }
  }
 }
+
+.task-order-invitations {
+  .task-order-invitations__heading {
+    margin-bottom: 0;
+
+    &.subheading .h2 {
+      color: $color-gray;
+    }
+  }
+
+  .officer {
+    margin-top: 0;
+    margin-left: 0;
+    margin-right: 0;
+    margin-bottom: $gap;
+    padding-bottom: 4 * $gap;
+
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    border-bottom-color: $color-gray-light;
+
+    &:last-child {
+      border-bottom-width: 0;
+    }
+
+    h2 {
+      color: $color-gray;
+    }
+
+    .officer__info {
+      .officer__info--name {
+        font-weight: bold;
+      }
+
+      p {
+        margin: .5rem 0;
+      }
+
+      .officer__info--name {
+        margin-right: 2 * $gap;
+      }
+
+      .officer__info--status {
+        font-weight: bold;
+
+        &.invited {
+          color: $color-green;
+          .icon {
+            @include icon-color($color-green);
+          }
+        }
+
+        &.uninvited {
+          color: $color-red;
+          .icon {
+            @include icon-color($color-red);
+          }
+        }
+      }
+    }
+
+    .officer__actions {
+      margin-left: -2 * $gap;
+
+      button {
+        margin-left: 2 * $gap;
+      }
+
+      .icon-link {
+        margin: 0 $gap;
+      }
+
+      .remove {
+        color: $color-red;
+        .icon {
+          @include icon-color($color-red);
+        }
+      }
+    }
+  }
+}