✨

less/character-sheet.less

@@ -504,12 +504,12 @@
 
     /* On mouse-over, add a grey background color */
     .container:hover input ~ .checkmark {
-        background-color: #3de31c;
+        background-color: #83f16d;
     }
 
     /* When the radio button is checked, add a blue background */
     .container input:checked ~ .checkmark {
-        background-color: #69f84d;
+        background-color: #30da0c;
     }
 
     /* Create the indicator (the dot/circle - hidden when not checked) */
@@ -527,8 +527,8 @@
     /* Style the indicator (dot/circle) */
     .container .checkmark:after {
         top: 5px;
-        left: 8px;
-        width: 13px;
+        left: 13px;
+        width: 10px;
         height: 10px;
         border-radius: 50%;
         background: black;

pokemon.css

@@ -430,10 +430,10 @@
   -o-border-radius: 10px;
 }
 .pokemon.sheet.characterSheet .container:hover input ~ .checkmark {
-  background-color: #3de31c;
+  background-color: #83f16d;
 }
 .pokemon.sheet.characterSheet .container input:checked ~ .checkmark {
-  background-color: #69f84d;
+  background-color: #30da0c;
 }
 .pokemon.sheet.characterSheet .checkmark:after {
   content: "";
@@ -445,8 +445,8 @@
 }
 .pokemon.sheet.characterSheet .container .checkmark:after {
   top: 5px;
-  left: 8px;
-  width: 13px;
+  left: 13px;
+  width: 10px;
   height: 10px;
   border-radius: 50%;
   background: black;

system.json

@@ -1,5 +1,5 @@
 {
-    "version": "0.0.46",
+    "version": "0.0.47",
     "id": "pokemon",
     "title": "Pokémon TTRPG",
     "description": "A Pokémon TTRPG",

template.json

@@ -29,23 +29,27 @@
             },
             "moves": {
                 "move1": {
-                    "category": 0,
-                    "type": 0,
+                    "name": "",
+                    "category": "Physical",
+                    "type": "Normal",
                     "description": ""
                 },
                 "move2": {
-                    "category": 0,
-                    "type": 0,
+                    "name": "",
+                    "category": "Physical",
+                    "type": "Normal",
                     "description": ""
                 },
                 "move3": {
-                    "category": 0,
-                    "type": 0,
+                    "name": "",
+                    "category": "Physical",
+                    "type": "Normal",
                     "description": ""
                 },
                 "move4": {
-                    "category": 0,
-                    "type": 0,
+                    "name": "",
+                    "category": "Physical",
+                    "type": "Normal",
                     "description": ""
                 }
             }

templates/partials/character-sheet-combat.hbs

@@ -1,2 +1,18 @@
-<div class="charSheetBox">
+<div class="combatBox">
+    <div class="row">
+        <input class="inputText moveName" type="text" name="system.moves.move1.name" value="{{system.moves.move1.name}}">
+        <textarea class="inputText moveDescription" type="text" name="system.moves.move1.name">{{system.moves.move1.description}}</textarea>
+    </div>
+    <div class="row">
+        <input class="inputText moveName" type="text" name="system.moves.move2.name" value="{{system.moves.move2.name}}">
+        <textarea class="inputText moveDescription" type="text" name="system.moves.move2.name">{{system.moves.move2.description}}</textarea>
+    </div>
+    <div class="row">
+        <input class="inputText moveName" type="text" name="system.moves.move3.name" value="{{system.moves.move3.name}}">
+        <textarea class="inputText moveDescription" type="text" name="system.moves.move3.name">{{system.moves.move3.description}}</textarea>
+    </div>
+    <div class="row">
+        <input class="inputText moveName" type="text" name="system.moves.move4.name" value="{{system.moves.move4.name}}">
+        <textarea class="inputText moveDescription" type="text" name="system.moves.move4.name">{{system.moves.move4.description}}</textarea>
+    </div>
 </div>