Add Grid Size scaling

#236
Fix #237.

src/lang/en.json

@@ -195,6 +195,10 @@
 					"name": "Margin Adjustment",
 					"hint": "Adjust the text's margin. Positive values push it higher; negative, lower."
 				},
+				"scaleToGridSize": {
+					"name": "Scale Estimates to Grid Size",
+					"hint": "Scales the estimate based on the grid size, assuming 100px as the baseline."
+				},
 				"scaleToZoom": {
 					"name": "Scale Estimates to Zoom",
 					"hint": "Scales the estimate based on the zoom distance."

src/module/forms/StyleSettings.js

@@ -32,6 +32,7 @@ export default class HealthEstimateStyleSettings extends HealthEstimateSettings
 			mode: this.prepSelection("mode"),
 			outline: this.prepSelection("outline"),
 			outlineIntensity: this.prepSetting("outlineIntensity"),
+			scaleToGridSize: this.prepSetting("scaleToGridSize"),
 			scaleToZoom: this.prepSetting("scaleToZoom"),
 			deadText: game.settings.get("healthEstimate", "core.deathStateName"),
 		};
@@ -229,6 +230,7 @@ export default class HealthEstimateStyleSettings extends HealthEstimateSettings
 				"menuSettings.mode",
 				"menuSettings.outline",
 				"menuSettings.outlineIntensity",
+				"menuSettings.scaleToGridSize",
 				"menuSettings.scaleToZoom",
 				"variables.colors",
 				"variables.outline",

src/module/logic.js

@@ -13,6 +13,10 @@ export class HealthEstimate {
 		this.lastZoom = null;
 	}
 
+	get gridScale() {
+		return this.scaleToGridSize ? canvas.scene.dimensions.size / 100 : 1;
+	}
+
 	get zoomLevel() {
 		return this.scaleToZoom ? Math.min(1, canvas.stage.scale.x) : 1;
 	}
@@ -127,7 +131,7 @@ export class HealthEstimate {
 	}
 
 	_getFontSize() {
-		return (this.fontSize / this.zoomLevel) * 4;
+		return ((this.fontSize * this.gridScale) / this.zoomLevel) * 4;
 	}
 
 	_getUserTextStyle(color, stroke) {
@@ -365,6 +369,7 @@ export class HealthEstimate {
 		this.showDead = sGet("core.deathState");
 		this.NPCsJustDie = sGet("core.NPCsJustDie");
 		this.deathMarker = sGet("core.deathMarker");
+		this.scaleToGridSize = sGet("core.menuSettings.scaleToGridSize");
 		this.scaleToZoom = sGet("core.menuSettings.scaleToZoom");
 		this.outputChat = sGet("core.outputChat");
 

src/module/settings.js

@@ -160,6 +160,13 @@ export const registerSettings = function () {
 		type: Boolean,
 		default: true,
 	});
+	addMenuSetting("core.menuSettings.scaleToGridSize", {
+		type: Boolean,
+		default: false,
+		onChange: (value) => {
+			game.healthEstimate.scaleToGridSize = value;
+		},
+	});
 	addMenuSetting("core.menuSettings.scaleToZoom", {
 		type: Boolean,
 		default: false,

src/templates/styleSettings.hbs

@@ -4,6 +4,11 @@
 		<input type="checkbox" name="useColor" id="useColor" {{checked useColor.value}} />
 		<p class="notes">{{useColor.hint}}</p>
 	</div>
+	<div class="form-group">
+		<label>{{scaleToGridSize.name}}</label>
+		<input type="checkbox" name="scaleToGridSize" id="scaleToGridSize" {{checked scaleToGridSize.value}} />
+		<p class="notes">{{scaleToGridSize.hint}}</p>
+	</div>
 	<div class="form-group">
 		<label>{{scaleToZoom.name}}</label>
 		<input type="checkbox" name="scaleToZoom" id="scaleToZoom" {{checked scaleToZoom.value}} />