Lens app source code (#119)

Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>

dashboard/client/components/drawer/drawer-item.scss

@@ -0,0 +1,68 @@
+.DrawerItem {
+  display: grid;
+  grid-template-columns: minmax(30%, min-content) auto;
+  border-bottom: 1px solid $borderFaintColor;
+  padding: $padding 0;
+
+  > .name {
+    padding-right: $padding;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    color: $drawerItemNameColor;
+  }
+
+  > .value {
+    color: $drawerItemValueColor;
+    word-break: break-word;
+    max-width: 100%;
+    min-width: 0;
+
+    &:empty:after {
+      content: '—'
+    }
+
+    p {
+      margin-bottom: $margin;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+
+    a {
+      color: $primary;
+    }
+  }
+
+  &.labelsOnly {
+    $spacing: $margin / 2;
+
+    > .value {
+      margin: -$spacing;
+
+      &:empty {
+        margin: 0;
+      }
+
+      .Badge {
+        float: left;
+        margin: $spacing;
+
+        &.disabled {
+          opacity: 0.5;
+        }
+      }
+    }
+  }
+
+  .DrawerItem {
+    &:last-of-type {
+      padding-bottom: 0;
+      border-bottom: none;
+    }
+
+    > .name {
+      font-weight: $font-weight-bold;
+    }
+  }
+}