Start work on Gitlab activity feed

1 files changed, 75 insertions, 7 deletions

diff --git a/scss/pysite/pages/main/jams/_team_view.scss b/scss/pysite/pages/main/jams/_team_view.scss
index c4bef6be..53d6c3b2 100644
--- a/scss/pysite/pages/main/jams/_team_view.scss
+++ b/scss/pysite/pages/main/jams/_team_view.scss
@@ -1,23 +1,91 @@
-@import "variables";
-
-$page_classes: (
-    jam-team-view,
-);
+$page_classes: (jam-team-view);
 
 @each $class in $page_classes {
   .#{$class} {
+    .participant-card-list {
+      margin-bottom: 25px;
+    }
+
     .participant-card {
       padding: 20px;
-      margin-bottom: 7px;
+      margin-bottom: 10px;
 
       img.participant-avatar {
         height: 2.5rem;
         margin-right: 10px;
       }
 
-      .participant-gitlab {
+      .participant-links {
         float: right;
       }
     }
+
+    .gitlab-activity {
+      width: 100%;
+      height: 500px;
+      background-color: #f5f5f5;
+      overflow-x: hidden;
+      overflow-y: auto;
+
+      .gitlab-activity-loading {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 100%;
+        height: 100%;
+
+        .gitlab-activity-loading-content {
+          .gitlab-activity-spinner {
+            width: 100%;
+            text-align: center;
+          }
+        }
+      }
+
+      .gitlab-activity-events {
+        width: 100%;
+        height: auto;
+      }
+
+      .gitlab-activity-event-item {
+        width: 100%;
+        padding: 10px;
+        display: flex;
+        justify-content: center;
+        vertical-align: middle;
+        box-sizing: border-box;
+
+        background-color: #FFFFFF;
+        border: solid 1px #AAAAAA;
+        border-bottom-width: 0;
+
+        .gitlab-activity-event-item-content {
+          width: 100%;
+        }
+
+        .pasta {
+          background-color: #eaf5ff;
+          border-radius: 3px;
+          color: #0366d6;
+          padding: 3px 5px;
+          font-size: 12px;
+          margin-right: 10px;
+          font-family: Consolas, monaco, monospace;
+        }
+      }
+
+      .gitlab-activity-event-item:nth-last-child(2) {
+        border-bottom-width: 1px;
+      }
+
+      .gitlab-activity-events-footer {
+        padding: 10px;
+        color: #888888;
+        display: flex;
+        justify-content: center;
+        vertical-align: middle;
+        text-align: center;
+      }
+    }
   }
 }