data: Added character list/add/edit/remove

2018-10-06 14:26:38 +02:00
parent 0e7f2d0f7e
commit 5b28ce4bc2
28 changed files with 551 additions and 3 deletions
@@ -0,0 +1,3 @@
+<tr class="compact-list-item color-highlight-dark">
+  <include(input.renderBody)/>
+</tr>
@@ -0,0 +1,5 @@
+tr.compact-list-item {
+  user-select: none;
+  outline: 0.05px dotted;
+  vertical-align: middle;
+}
@@ -0,0 +1,5 @@
+<td class=["compact-list-options", input.short ? "short" : null, input.long ? "long" : null]>
+  <div class="content color-menu">
+    <include(input.renderBody)/>
+  </div>
+</td>
@@ -0,0 +1,28 @@
+td.compact-list-options {
+  width: 20%;
+  padding: 0 0.5ch;
+
+
+  div.content {
+    font-size: 1em;
+    text-align: right;
+
+    a {
+      display: inline-block;
+      margin-right: 1ch;
+      opacity: 0.5;
+    }
+    a:hover {
+      opacity: 1;
+      cursor: pointer;
+    }
+  }
+}
+
+td.compact-list-options.short {
+  width: 10%;
+}
+
+td.compact-list-options.long {
+  width: 30%;
+}
@@ -0,0 +1,4 @@
+<td class=["compact-list-property", input.short ? "short" : null, input.long ? "long" : null]>
+  <div class="label color-menu">${input.label}</div>
+  <div class=["value", input.primary ? "color-primary" : "color-text"]>${input.value}</div>
+</td>
@@ -0,0 +1,24 @@
+td.compact-list-property {
+  width: 20%;
+  padding: 0 0.5ch;
+
+  div.label {
+    font-size: 0.5em;
+    line-height: 1em;
+    padding-top: 0.5em;
+  }
+
+  div.value {
+    font-size: 0.75em;
+    padding-bottom: 0.25em;
+    user-select: text;
+  }
+}
+
+td.compact-list-property.short {
+  width: 10%;
+}
+
+td.compact-list-property.long {
+  width: 30%;
+}
@@ -0,0 +1,3 @@
+<table class="compact-list color-primary">
+  <include(input.renderBody)/>
+</table>
@@ -0,0 +1,13 @@
+table.compact-list {
+  padding-top: 0.5em;
+  padding-bottom: 3em;
+
+  width: 90%;
+  max-width: 100ch;
+  padding-right: 1em;
+
+  margin: auto;
+
+  border-collapse: separate; 
+  border-spacing: 0 0.5em;
+}
@@ -6,5 +6,6 @@
  <div class="options">
    <a class=(input.site === "story" ? "color-primary" : "color-menu") href="/story/">Story</a>
    <a class=(input.site === "logs" ? "color-primary" : "color-menu") href="/logs/">Logs</a>
+    <a class=(input.site === "data" ? "color-primary" : "color-menu") href="/data/">Data</a>
  </div>
 </nav>
@@ -2,6 +2,7 @@ div.menu-link {
  width: 100%;
  padding-left: 0.5ch;
  font-size: 1.1em;
+  padding-bottom: 0.125em;

  white-space: nowrap;

@@ -10,7 +11,7 @@ div.menu-link {
  div.icon {
    display: inline-block;
    width: 3ch;
-    padding: 0.15em 0.125em;
+    padding: 0 0.125em;
    text-align: center;
    vertical-align: middle;
  }