🎨 Minor improvements to old Blueprint settings menu

Author: SnaveSutit

src/components/dialogItems/baseDialogItem.svelte

@@ -20,26 +20,14 @@
 </script>
 
 <div>
-	<div class="base_dialog_item" title={tooltip}>
-		<div class="slot_container" style={tooltip ? 'margin-right: 4px' : ''}>
+	<div class="base_dialog_item">
+		<div class="slot_container">
 			<slot {id} />
 		</div>
-		{#if tooltip}
-			<!-- svelte-ignore a11y-click-events-have-key-events -->
-			<i
-				class="fa fa-question dialog_form_description dialog-form-description"
-				on:click={onQuestionMarkClick}
-			/>
-		{:else}
-			<i
-				class="fa fa-question dialog_form_description dialog-form-description"
-				style="visibility: hidden"
-			/>
-		{/if}
 		<!-- svelte-ignore a11y-click-events-have-key-events -->
 		<i
 			on:click={onReset}
-			class="fa fa-trash-can dialog_form_description dialog-form-description reset-button"
+			class="fa fa-rotate-left dialog_form_description dialog-form-description reset-button"
 			title={translate('dialog.reset')}
 		/>
 	</div>
@@ -64,6 +52,11 @@
 			</div>
 		{/if}
 	</div>
+	{#if tooltip}
+		<div class="description">
+			{tooltip}
+		</div>
+	{/if}
 </div>
 
 <style>
@@ -75,6 +68,7 @@
 	}
 	.slot_container {
 		flex-grow: 1;
+		margin-right: 4px;
 	}
 	.warning_text {
 		display: flex;
@@ -87,6 +81,12 @@
 		display: flex;
 		flex-direction: column;
 	}
+	.description {
+		font-size: 0.9em;
+		color: var(--color-subtle_text);
+		margin-top: 4px;
+		margin-bottom: 16px;
+	}
 	.error_text {
 		display: flex;
 		align-items: center;

src/components/dialogItems/sectionHeader.svelte

@@ -14,7 +14,7 @@
 		align-items: center;
 	}
 	h4 {
-		padding: 0px 8px;
+		padding: 4px 8px;
 		flex-grow: 1;
 		font-size: 1.12em;
 		border-bottom: 2px solid var(--color-back);

src/interface/dialog/blueprintSettings.ts

@@ -114,7 +114,7 @@ export function openBlueprintSettingsDialog() {
 	return new SvelteDialog({
 		id: `${PACKAGE.name}:blueprintSettingsDialog`,
 		title: translate('dialog.blueprint_settings.title'),
-		width: 512,
+		width: 700,
 		component: BlueprintSettingsDialogSvelteComponent,
 		props: settings,
 		preventKeybinds: true,

src/lang/en.yml

@@ -188,26 +188,25 @@ animated_java.dialog.blueprint_settings.summon_commands.description: |-
 
 animated_java.dialog.blueprint_settings.ticking_commands.title: Ticking Commands
 animated_java.dialog.blueprint_settings.ticking_commands.description: |-
-    Commands to run every tick at the root entity's position.
+    Commands to run every tick at the root entity's position and after the animation logic.
     Treat this text input as a .mcfunction file. (Also supports MC-Build syntax!)
-    These commands will run after the animation logic.
 
 animated_java.dialog.blueprint_settings.interpolation_duration.title: Interpolation Duration
-animated_java.dialog.blueprint_settings.interpolation_duration.description: The duration of the smoothing between keyframes in ticks. This is the time it takes for the model to transition from one keyframe to the next. Higher values will cause animations to lose precision. Generally, you want this to have a value of 1 or 2.
+animated_java.dialog.blueprint_settings.interpolation_duration.description: How many ticks it takes for the model to transition from one frame to the next. Higher values will cause animations to lose precision. Generally, you want this to have a value of 1 or 2.
 
 animated_java.dialog.blueprint_settings.teleportation_duration.title: Teleport Duration
-animated_java.dialog.blueprint_settings.teleportation_duration.description: The duration of the teleportation between keyframes in ticks. This is the time over which the model will visually interpolate between it's old position to it's new position. Higher values will cause animations to lose precision.
+animated_java.dialog.blueprint_settings.teleportation_duration.description: How many ticks it takes for the entity to move from it's old position to it's new position when teleported. Higher values will cause animated locators with "Use Entity" enabled to lose precision.
 
 animated_java.dialog.blueprint_settings.use_storage_for_animation.title: Use Storage for Animation
 animated_java.dialog.blueprint_settings.use_storage_for_animation.description: |-
     Whether or not to use NBT storage to store animation data instead of functions.
     This will vastly reduce the number of functions in the generated Data Pack, but is 42% slower than the function method.
 
-animated_java.dialog.blueprint_settings.show_function_errors.title: Show Function Errors
-animated_java.dialog.blueprint_settings.show_function_errors.description: Whether or not to show errors in chat when running functions in-game if they're used incorrectly.
+animated_java.dialog.blueprint_settings.show_function_errors.title: Function Errors
+animated_java.dialog.blueprint_settings.show_function_errors.description: Whether or not to show errors in chat when incorrectly using functions.
 
-animated_java.dialog.blueprint_settings.show_outdated_warning.title: Show Outdated Warning
-animated_java.dialog.blueprint_settings.show_outdated_warning.description: Whether or not to show a warning in chat when a Rig Instance is outdated.
+animated_java.dialog.blueprint_settings.show_outdated_warning.title: Outdated Warning
+animated_java.dialog.blueprint_settings.show_outdated_warning.description: Whether or not to show a warning in chat when a Rig Instance is outdated, and needs to be resummoned.
 
 # Plugin Settings
 animated_java.dialog.blueprint_settings.baked_animations.title: Baked Animations