Add metadata row to contributor list

Contains links to Ethereum address and IPFS content.
2017-02-19 10:30:56 +08:00
parent e7fa188797
commit 0a2f44cec8
3 changed files with 71 additions and 8 deletions
@@ -7,12 +7,68 @@ table.contributor-list {
    &:first-of-type {
      border-top: 1px solid rgba(255,255,255,0.2);
    }
+    background-color: rgba(255,255,255,0.1);
+
+    &.current-user {
+      background-color: rgba(255,255,255,0.2);
+    }
+
+    &.metadata {
+      height: 0;
+
+      td {
+        padding: 0 1.2rem;
+        transition: all 0.2s ease-out;
+      }
+
+      a {
+        color: lightblue;
+        &:hover, &:active {
+          color: #fff;
+        }
+      }
+
+      dl {
+        display: block;
+        width: 100%;
+        font-size: 1rem;
+        dt, dd {
+          display: inline-block;
+          overflow: hidden;
+          height: 0;
+          line-height: 1.6rem;
+          transition: all 0.2s ease-out;
+        }
+        dt {
+          clear: both;
+          float: left;
+          width: 30%;
+        }
+        dd {
+          float: right;
+          width: 70%;
+          text-align: right;
+        }
+      }
+
+      &.visible {
+        td {
+          padding: 1rem 1.2rem;
+        }
+
+        dl {
+          dt, dd {
+            height: auto;
+          }
+        }
+      }
+
+    }

    td {
      padding: 0 1.2rem;
      line-height: 4.2rem;

-      background-color: rgba(255,255,255,0.1);
      &.person {
        text-align: left;
        font-size: 1.4rem;
@@ -36,11 +92,5 @@ table.contributor-list {
        }
      }
    }
-
-    &.current-user {
-      td {
-        background-color: rgba(255,255,255,0.2);
-      }
-    }
  }
 }