From 354a2d099bcc9308933ecf138676625c027bc9dd Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Oliver.akins1999@gmail.com>
Date: Sun, 26 Nov 2023 01:37:21 -0700
Subject: [PATCH] Get the stats displaying on the character sheet nicely

---
 .css/root.css                                     | 10 +++++++++-
 langs/en-ca.json                                  | 13 ++++++-------
 styles/mixins/_foundry.scss                       |  3 +++
 styles/root.scss                                  | 11 +++++++++++
 templates/actors/char-sheet-mvp/partials/stat.hbs |  8 +++++---
 templates/actors/char-sheet-mvp/sheet.hbs         | 10 +++++++---
 6 files changed, 41 insertions(+), 14 deletions(-)
 create mode 100644 styles/mixins/_foundry.scss

diff --git a/.css/root.css b/.css/root.css
index 8022e70..ec77b60 100644
--- a/.css/root.css
+++ b/.css/root.css
@@ -9,6 +9,14 @@
   padding: 0;
   background: #f2f2f2;
 }
+.dotdungeon button, .dotdungeon button:hover {
+  all: initial;
+  font-family: inherit;
+  cursor: pointer;
+}
+.dotdungeon select, .dotdungeon select:hover {
+  cursor: pointer;
+}
 
 .dotdungeon .stat {
   display: flex;
@@ -117,4 +125,4 @@
   }
 }
 
-/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../styles/root.scss%22,%22../styles/vars.scss%22,%22../styles/sheets/partials/stat.scss%22,%22../styles/sheets/actor/mvp.scss%22,%22../styles/mixins/_breakpoints.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAEQ;AAER;EACC;EACA;EACA;EAGA;;AAEA;EACC;EACA,YCbW;;;ACDb;EACC;EACA;EACA;;ACCA;EACC;EACA;EACA,qBACC;EASD;EACA;EACA;EACA;;AAGC;EACC;;AAED;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;;AAGF;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAKH;EACC;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA,aFvFS;EEwFT;;AAGD;EAEC,QADO;EAEP,OAFO;EAGP;;;ACxFH;EDiGC;IACC;IACA;IACA,qBACC;;EAiBF;IACC;;EAGC;IACC;;;ACrHJ;ED8HC;IACC;IACA,qBACC;;EAGF;IACC%22,%22file%22:%22root.css%22%7D */
+/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../styles/root.scss%22,%22../styles/vars.scss%22,%22../styles/mixins/_foundry.scss%22,%22../styles/sheets/partials/stat.scss%22,%22../styles/sheets/actor/mvp.scss%22,%22../styles/mixins/_breakpoints.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAGQ;AAER;EACC;EACA;EACA;EAGA;;AAEA;EACC;EACA,YCdW;;ADiBZ;EEjBA;EFmBC;EACA;;AAGD;EACC;;;AGzBF;EACC;EACA;EACA;;ACCA;EACC;EACA;EACA,qBACC;EASD;EACA;EACA;EACA;;AAGC;EACC;;AAED;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;;AAGF;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAED;EACC;;AAKH;EACC;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA,aHvFS;EGwFT;;AAGD;EAEC,QADO;EAEP,OAFO;EAGP;;;ACxFH;EDiGC;IACC;IACA;IACA,qBACC;;EAiBF;IACC;;EAGC;IACC;;;ACrHJ;ED8HC;IACC;IACA,qBACC;;EAGF;IACC%22,%22file%22:%22root.css%22%7D */
diff --git a/langs/en-ca.json b/langs/en-ca.json
index b482e13..96684f4 100644
--- a/langs/en-ca.json
+++ b/langs/en-ca.json
@@ -14,13 +14,12 @@
 	"dotdungeon.panel.summons": "Summons",
 	"dotdungeon.panel.storage": "Storage",
 
-	"stat.title": "Stats",
-	"stat.build": "Build",
-	"stat.meta": "Meta",
-	"stat.presence": "Presence",
-	"stat.hands": "Hands",
-	"stat.tilt": "Tilt",
-	"stat.rng": "RNG",
+	"dotdungeon.stat.build": "Build",
+	"dotdungeon.stat.meta": "Meta",
+	"dotdungeon.stat.presence": "Presence",
+	"dotdungeon.stat.hands": "Hands",
+	"dotdungeon.stat.tilt": "Tilt",
+	"dotdungeon.stat.rng": "RNG",
 
 	"skills.header": "Skills",
 	"skills.build": "Build",
diff --git a/styles/mixins/_foundry.scss b/styles/mixins/_foundry.scss
new file mode 100644
index 0000000..20a6f9a
--- /dev/null
+++ b/styles/mixins/_foundry.scss
@@ -0,0 +1,3 @@
+@mixin fvtt_reset {
+	all: initial;
+}
\ No newline at end of file
diff --git a/styles/root.scss b/styles/root.scss
index a95dbbc..9b52c23 100644
--- a/styles/root.scss
+++ b/styles/root.scss
@@ -1,3 +1,4 @@
+@use "./mixins/foundry" as *;
 @use "./vars.scss" as *;
 
 @import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans&display=swap');
@@ -14,6 +15,16 @@
 		padding: 0;
 		background: $background;
 	}
+
+	button, button:hover {
+		@include fvtt_reset;
+		font-family: inherit;
+		cursor: pointer;
+	}
+
+	select, select:hover {
+		cursor: pointer;
+	}
 }
 
 @import "./sheets/partials/stat.scss";
diff --git a/templates/actors/char-sheet-mvp/partials/stat.hbs b/templates/actors/char-sheet-mvp/partials/stat.hbs
index 284a044..98acd0b 100644
--- a/templates/actors/char-sheet-mvp/partials/stat.hbs
+++ b/templates/actors/char-sheet-mvp/partials/stat.hbs
@@ -1,4 +1,6 @@
-<div class="stat">
-	<label>{{localize (concat "stat." stat)}}</label>
+<label class="stat stat--{{name}}">
+	<button class="roll-stat" data-stat="{{name}}">
+		{{localize (concat "dotdungeon.stat." name)}}
+	</button>
 	{{> dotdungeon.dice_choice }}
-</div>
\ No newline at end of file
+</label>
\ No newline at end of file
diff --git a/templates/actors/char-sheet-mvp/sheet.hbs b/templates/actors/char-sheet-mvp/sheet.hbs
index 8fb4923..c658bbd 100644
--- a/templates/actors/char-sheet-mvp/sheet.hbs
+++ b/templates/actors/char-sheet-mvp/sheet.hbs
@@ -1,12 +1,16 @@
-<form autocomplete="off" class="dotdungeon actor--pc">
+<form autocomplete="off" class="actor--pc">
 	{{#> dotdungeon.panel class="avatar" title="dotdungeon.panel.avatar"}}
 		Avatar Content
 	{{/ dotdungeon.panel}}
 	{{#> dotdungeon.panel class="stats" title="dotdungeon.panel.statistics"}}
-		Statistics
+		{{#each (dotdungeon-array "build" "meta" "presence" "hands" "tilt" "rng")}}
+			{{> dotdungeon.stat name=this}}
+		{{/each}}
 	{{/ dotdungeon.panel}}
 	{{#> dotdungeon.panel class="skills" title="dotdungeon.panel.skills"}}
-		Skills
+		<div class="skill-group">
+			<h3>{{localize "dotdungeon.skills.build"}}</h3>
+		</div>
 	{{/ dotdungeon.panel}}
 	{{#> dotdungeon.panel class="backpack" title="dotdungeon.panel.backpack"}}
 		Backpack