✨

less/character-sheet.less

@@ -17,6 +17,7 @@
 
         display: flex;
         justify-content: flex-start;
+        border-bottom: #5e0000;
     };
 
     .charInfo {
@@ -144,7 +145,8 @@
         display: flex;
         flex-direction: column;
         align-items: center;
-        width: 200px
+        width: 200px;
+        border-right: #5e0000;
     }
 
     .imgBox {
@@ -163,6 +165,9 @@
 		border-top: 40px solid #b0b0b0;
 		border-left: 40px solid #c00d0d;
 		height: 0;
+        float: left;
+        position: absolute;
+        left: 20px;
 
 		position: absolute;
 		bottom: 0;
@@ -170,8 +175,11 @@
 	}
 
     .charImg {
-		height: 95px;
-		width: 174px;
+		max-height: 95px;
+		max-width: 174px;
+        height: auto;
+        width: auto;
+
 		margin-top: 20px;
 		margin-bottom: 9px;
 		background-color: #fff;

modules/sheets/pokemonCharacterSheet.js

@@ -29,22 +29,6 @@ export default class pokemonCharacterSheet extends api.HandlebarsApplicationMixi
         return this.actor.name;
     }
 
-    /** @override */
-    getData() {
-        const data = super.getData();
-		data.dtypes = ['String', 'Number', 'Boolean'];
-
-		// // Prepare items.
-		// if (this.actor.type == 'character') {
-		// 	this._prepareCharacterItems(data);
-		// }
-		// data['totalWealth'] = this.actor.itemTypes.item.reduce((total, item) => total + (!isNaN(item.system.cost) ? item.system.cost * (item.system.quantity ?? 0) : 0), this.actor.system.money);
-		data.data = this.actor.system;
-		// data['origins'] = this.actor.origins;
-
-		return data;
-    }
-
     /** @override */
     _configureRenderOptions(options) {
         super._configureRenderOptions(options);

pokemon.css

@@ -18,6 +18,7 @@
   height: 100px;
   display: flex;
   justify-content: flex-start;
+  border-bottom: #5e0000;
 }
 .pokemon.sheet.characterSheet .charInfo {
   width: 500px;
@@ -122,6 +123,7 @@
   flex-direction: column;
   align-items: center;
   width: 200px;
+  border-right: #5e0000;
 }
 .pokemon.sheet.characterSheet .imgBox {
   height: 165px;
@@ -138,13 +140,17 @@
   border-top: 40px solid #b0b0b0;
   border-left: 40px solid #c00d0d;
   height: 0;
+  float: left;
+  left: 20px;
   position: absolute;
   bottom: 0;
   left: 0;
 }
 .pokemon.sheet.characterSheet .charImg {
-  height: 95px;
-  width: 174px;
+  max-height: 95px;
+  max-width: 174px;
+  height: auto;
+  width: auto;
   margin-top: 20px;
   margin-bottom: 9px;
   background-color: #fff;

system.json

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

templates/sheets/character/sidebar.hbs

@@ -20,6 +20,7 @@
         <div class="charHex charHPMax"><span class="charHexHead">Max</span></br><span class="charHexValue">{{system.hp.max}}</span></div>
         <div class="charHex"><span class="charHexHead">{{localize "POKEMON.System.ArmorClass"}}</span></br><span class="charHexValue">{{system.armorClass}}</span></div>
         <div class="charHex"><span class="charHexHead">{{localize "POKEMON.System.Speed"}}</span></br><span class="charHexValue">{{system.speed}}</span></div>
+    </div>
 
     <div class="contentBox">
         <div class="menuBox">