wip

2019-10-18 15:39:56 +02:00
parent ba6e21a71c
commit 57885c6655
3 changed files with 120 additions and 5 deletions
--- a/src/styles/layout/circle-profile/circle-edit.scss
+++ b/src/styles/layout/circle-profile/circle-edit.scss
@ -33,4 +33,73 @@ circle-team-template {
  >*:nth-child(odd) {
    border-left: 1px solid $color-228-25-79;
  }
+}
+
+
+sib-multiple {
+
+  label {
+    display: none;
+  }
+
+  >team-template[name='members'] {
+    display: grid;
+    grid-column-gap: 1.6rem;
+    grid-template-columns: 7vh auto;
+    grid-template-rows: repeat(2, 5.2vh);
+
+    >sib-display:first-child {
+      align-self: center;
+      grid-column: 1 / span 1;
+      grid-row: 1 / span 2;
+
+      div {
+        background-color: $color-0-0-100;
+        border-radius: 50%;
+        height: 7vh;
+        overflow: hidden;
+        position: relative;
+        width: 7vh;
+
+        img {
+          height: 100%;
+          left: 0;
+          object-fit: cover;
+          position: absolute;
+          top: 0;
+          width: 100%;
+        }
+      }
+    }
+
+    >div:nth-child(2) {
+      align-self: end;
+      display: flex;
+      grid-column: 2 / span 1;
+      grid-row: 1 / span 1;
+
+      span {
+        align-self: center;
+        font-weight: 600;
+      }
+
+      span~sib-display {
+
+        >div {
+          display: flex;
+          margin-left: 1rem;
+
+          sib-multiple [name='name'] {
+            @extend %user-role;
+          }
+        }
+      }
+    }
+
+    >span:nth-child(3) {
+      align-self: start;
+      grid-column: 2 / span 1;
+      grid-row: 2 / span 1;
+    }
+  }
 }