From 6dd8139b433e0deba06d374125801a0c77577b9f Mon Sep 17 00:00:00 2001
From: Vantha <valentinthaler75@gmail.com>
Date: Tue, 3 Mar 2026 16:55:32 +0100
Subject: [PATCH] Only show the last instruction in the tutorial

The idea is to add different types of panels to the tutorial in the
future. And the only texts that players might read multiple times are
tips or explanations, which the plan is to display on an entirely
separate panel anyway.
---
 binaries/data/mods/public/gui/session/styles.xml       |  9 ++++-----
 .../public/gui/session/tutorial/InstructionPanel.js    |  7 +++++--
 .../public/gui/session/tutorial/InstructionPanel.xml   | 10 ++++------
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/binaries/data/mods/public/gui/session/styles.xml b/binaries/data/mods/public/gui/session/styles.xml
index 5e202030a7..52fe260db2 100644
--- a/binaries/data/mods/public/gui/session/styles.xml
+++ b/binaries/data/mods/public/gui/session/styles.xml
@@ -222,15 +222,14 @@
 		text_valign="center"
 	/>
 
-	<style name="TutorialPanel"
-		buffer_zone="8"
+	<style name="TutorialInstructionText"
+		buffer_zone="18"
 		font="sans-bold-14"
 		scrollbar="true"
 		scrollbar_style="ModernScrollBar"
-		scroll_bottom="true"
 		textcolor="white"
-		text_align="left"
-		text_valign="top"
+		text_align="center"
+		text_valign="center"
 		sprite="ModernDarkBox"
 		sprite_overlay="ModernDarkBoxGoldBorder"
 	/>
diff --git a/binaries/data/mods/public/gui/session/tutorial/InstructionPanel.js b/binaries/data/mods/public/gui/session/tutorial/InstructionPanel.js
index 91bad4f5ac..cb67b11473 100644
--- a/binaries/data/mods/public/gui/session/tutorial/InstructionPanel.js
+++ b/binaries/data/mods/public/gui/session/tutorial/InstructionPanel.js
@@ -32,8 +32,9 @@ class InstructionPanel
 
 	displayStep(panelData)
 	{
-		this.text.caption = this.instructions.concat(setStringTags(panelData.text, this.NewInstructionTags)).join("\n");
-		this.instructions.push(panelData.text);
+		this.text.caption = panelData.text;
+		const panelHeight = Math.min(this.MaxPanelHeight, this.text.size.top + this.text.getTextSize().height - this.text.size.bottom);
+		this.panel.size.bottom = this.panel.getComputedSize().top + panelHeight;
 
 		if (panelData.showContinueButton)
 		{
@@ -70,3 +71,5 @@ InstructionPanel.prototype.HintCaptions = {
 	"Instruction": translate("Follow the instructions."),
 	"Quit": translate("Click to quit this tutorial.")
 };
+
+InstructionPanel.prototype.MaxPanelHeight = 185;
diff --git a/binaries/data/mods/public/gui/session/tutorial/InstructionPanel.xml b/binaries/data/mods/public/gui/session/tutorial/InstructionPanel.xml
index a639c30746..ff0b05551b 100644
--- a/binaries/data/mods/public/gui/session/tutorial/InstructionPanel.xml
+++ b/binaries/data/mods/public/gui/session/tutorial/InstructionPanel.xml
@@ -1,10 +1,8 @@
 <?xml version="1.0" encoding="utf-8"?>
-<object name="instructionPanel" type="image" sprite="ModernFade" size="50%-380 38 50%+380 292">
-	<object size="10 10 100%-20 100%-48">
-		<object name="instructionPanelText" type="text" style="TutorialPanel"/>
-	</object>
-	<object name="instructionPanelHint" type="text" style="ModernLeftLabelText" size="10 100%-42 100%-20 100%-12"/>
-	<object name="instructionPanelContinueButton" type="button" style="ModernButtonRed" size="100%-160 100%-42 100%-20 100%-12">
+<object name="instructionPanel" type="image" sprite="color:0 0 0 125" size="50%-310 80 50%+310 210">
+	<object name="instructionPanelText" type="text" style="TutorialInstructionText" size="10 10 100%-10 100%-52"/>
+	<object name="instructionPanelHint" type="text" style="ModernLeftLabelText" size="25 100%-46 100%-190 100%-6"/>
+	<object name="instructionPanelContinueButton" type="button" style="ModernButtonRed" size="100%-170 100%-40 100%-30 100%-12">
 		<translatableAttribute id="caption">Continue</translatableAttribute>
 	</object>
 </object>