more styling tweaks

iron-vault-plugin · May 13, 2024 · e64b662 · e64b662
1 parent 7ccf33d
commit e64b662
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 20 deletions.
diff --git a/src/mechanics/css/dlist-roll.css b/src/mechanics/css/dlist-roll.css
@@ -7,26 +7,28 @@
     &.action-die {
     }
     &.stat:before {
-      content: "+ "
+      content: " + "
     }
     &.stat-name {
       color: var(--text-faint);
       &:before {
-        content: "(+";
+        content: " (";
       }
       &:after {
         content: ")";
+        padding-right: 0;
+        margin-right: 0;
       }
     }
     &.adds:before {
-      content: "+ ";
+      content: " + ";
     }
     &.score {
       &:before {
-        content: "= ";
+        content: " = ";
       }
       &:after {
-        content: " vs";
+        content: " vs ";
       }
     }
     &.challenge-die {
@@ -36,13 +38,13 @@
       }
       &:has(~ .challenge-die) {
         &:after {
-          content: " |";
+          content: " | ";
         }
       }
     }
     &.progress-score {
       &:after {
-        content: " vs";
+        content: " vs ";
       }
     }
     &.outcome {

diff --git a/src/mechanics/css/dlist-shared.css b/src/mechanics/css/dlist-shared.css
@@ -4,7 +4,7 @@
   }
   & dd {
     margin: 0;
-    padding: 0 0.2em;
+    padding: 0;
     display: inline;
     font-weight: var(--font-semibold);
     &:before, &:after {

diff --git a/src/mechanics/mechanics-blocks.ts b/src/mechanics/mechanics-blocks.ts
@@ -21,9 +21,10 @@ function parseMechanicsBlocks(source: string, el: HTMLElement) {
   const doc = res.output;
   for (const node of doc) {
     switch (node.name.toLowerCase()) {
-      case "move":
+      case "move": {
         renderMove(el, node);
         break;
+      }
     }
   }
 }
diff --git a/src/mechanics/move.ts b/src/mechanics/move.ts
@@ -135,17 +135,6 @@ function renderRoll(moveNode: HTMLElement, roll: KdlNode) {
     rollNode.addClass("match");
     outcome += " (Match)";
   }
-  if (statName) {
-    rollNode.createEl("dt", {
-      text: "Stat Name",
-    });
-    rollNode
-      .createEl("dd", {
-        cls: "stat-name",
-        text: statName,
-      })
-      .setAttribute("data-value", statName);
-  }
   rollNode.createEl("dt", {
     text: "Action Die",
   });
@@ -164,6 +153,17 @@ function renderRoll(moveNode: HTMLElement, roll: KdlNode) {
       text: "" + stat,
     })
     .setAttribute("data-value", "" + stat);
+  if (statName) {
+    rollNode.createEl("dt", {
+      text: "Stat Name",
+    });
+    rollNode
+      .createEl("dd", {
+        cls: "stat-name",
+        text: statName,
+      })
+      .setAttribute("data-value", statName);
+  }
   rollNode.createEl("dt", {
     text: "Adds",
   });