✨

less/character-sheet.less

@@ -440,4 +440,28 @@
     .statHex {
         margin-top: 0px;
     }
+
+    select {
+        background-color: #30da0c;
+        color: black;
+        border: black;
+
+        box-shadow: 0 0 20px #003300 inset;
+        -webkit-box-shadow: 0 0 20px #003300 inset;
+        -moz-box-shadow: 0 0 20px #003300 inset;
+        -o-box-shadow: 0 0 20px #003300 inset;
+
+        border-radius: 10px;
+        -webkit-border-radius: 10px;
+        -moz-border-radius: 10px;
+        -o-border-radius: 10px;
+
+        padding: 5px;
+        margin: 15px 10px;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-evenly;
+        align-items: center;
+        text-align: center;
+    }
 }

pokemon.css

@@ -370,3 +370,23 @@
 .pokemon.sheet.characterSheet .statHex {
   margin-top: 0px;
 }
+.pokemon.sheet.characterSheet select {
+  background-color: #30da0c;
+  color: black;
+  border: black;
+  box-shadow: 0 0 20px #003300 inset;
+  -webkit-box-shadow: 0 0 20px #003300 inset;
+  -moz-box-shadow: 0 0 20px #003300 inset;
+  -o-box-shadow: 0 0 20px #003300 inset;
+  border-radius: 10px;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  -o-border-radius: 10px;
+  padding: 5px;
+  margin: 15px 10px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-evenly;
+  align-items: center;
+  text-align: center;
+}

system.json

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

template.json

@@ -21,7 +21,7 @@
                 "hp": 0
             },
             "attackCategory": "Physical",
-            "defenseCategory": "Special",
+            "defenseCategory": "Physical",
             "speed": 0,
             "hp": {
                 "max": 0,

templates/partials/character-sheet-character.hbs

@@ -2,20 +2,32 @@
     <div class="row">
         <div class="charHex statHex"><span class="charHexHead">Attack</span></br><input class="charHexValue invisibleInput" type="number" name="system.stats.attack" value="{{system.stats.attack}}"></div>
         <div class="categorySelectBox">
-            <select name="system.attackCategory">
-                <option value="" disabled selected>{{system.attackCategory}}</option>
-                <option value="Physical">Physical</option>
-                <option value="Special">Special</option>
-            </select>
+            <div class="row">
+                <label>
+                    <input type="radio" name="system.attackCategory" value="Physical"
+                            {{#if (eq system.attackCategory "Physical")}}checked{{/if}}>
+                    Physical
+                </label>
+            </div>
+            <div class="row">
+                <label>
+                    <input type="radio" name="system.attackCategory" value="Physical"
+                            {{#if (eq system.attackCategory "Special")}}checked{{/if}}>
+                    Special
+                </label>
+            </div>
+            {{!-- <select name="system.attackCategory">
+                <option value="Physical" {{#if (eq system.attackCategory "Physical")}}selected{{/if}}>Physical</option>
+                <option value="Special" {{#if (eq system.attackCategory "Special")}}selected{{/if}}>Special</option>
+            </select> --}}
         </div>
     </div>
     <div class="row">
         <div class="charHex statHex"><span class="charHexHead">Defense</span></br><input class="charHexValue invisibleInput" type="number" name="system.stats.defense" value="{{system.stats.defense}}"></div>
         <div class="categorySelectBox">
             <select name="system.defenseCategory">
-                <option value="" disabled selected>{{system.defenseCategory}}</option>
-                <option value="Physical">Physical</option>
-                <option value="Special">Special</option>
+                <option value="Physical" {{#if (eq system.defenseCategory "Physical")}}selected{{/if}}>Physical</option>
+                <option value="Special" {{#if (eq system.defenseCategory "Special")}}selected{{/if}}>Special</option>
             </select>
         </div>
     </div>