Script Window: Improve layout

Remove black ColorRect node. Also remove the Scroll node because the
TextEdit containing the script can scroll automatically.

Add a PanelContainer and Panel node. And remove unneeded MarginContainer
nodes.

This makes the layout work as expected when resizing the window.
Previously the controls didn't shrink correctly (overflowing below the
window).

Author: manuq

addons/block_code/ui/script_window/script_window.gd

@@ -3,7 +3,7 @@ extends Window
 
 var script_content: String = ""
 
-@onready var script_label: TextEdit = $Margin/VBox/ColorRect/Scroll/Margin/Code
+@onready var script_label: TextEdit = %Code
 
 
 func _ready():

addons/block_code/ui/script_window/script_window.tscn

@@ -36,49 +36,40 @@ size = Vector2i(750, 750)
 transient = true
 script = ExtResource("1_jja22")
 
-[node name="Margin" type="MarginContainer" parent="."]
+[node name="PanelContainer" type="PanelContainer" parent="."]
 anchors_preset = 15
 anchor_right = 1.0
 anchor_bottom = 1.0
 grow_horizontal = 2
 grow_vertical = 2
-theme_override_constants/margin_left = 25
-theme_override_constants/margin_top = 25
-theme_override_constants/margin_right = 25
-theme_override_constants/margin_bottom = 25
 
-[node name="VBox" type="VBoxContainer" parent="Margin"]
+[node name="Panel" type="Panel" parent="PanelContainer"]
 layout_mode = 2
 
-[node name="CopyCode" type="Button" parent="Margin/VBox"]
+[node name="VBox" type="VBoxContainer" parent="PanelContainer"]
 layout_mode = 2
-text = "Copy"
 
-[node name="ColorRect" type="ColorRect" parent="Margin/VBox"]
+[node name="Code" type="TextEdit" parent="PanelContainer/VBox"]
+unique_name_in_owner = true
 layout_mode = 2
-size_flags_horizontal = 3
 size_flags_vertical = 3
-color = Color(0.172833, 0.172833, 0.172833, 1)
+theme_override_fonts/font = SubResource("SystemFont_r6ct2")
+editable = false
+syntax_highlighter = SubResource("CodeHighlighter_yvmnf")
 
-[node name="Scroll" type="ScrollContainer" parent="Margin/VBox/ColorRect"]
+[node name="HBoxContainer" type="HBoxContainer" parent="PanelContainer/VBox"]
 layout_mode = 2
-offset_top = -27.0
-offset_right = 700.0
-offset_bottom = 673.0
 
-[node name="Margin" type="MarginContainer" parent="Margin/VBox/ColorRect/Scroll"]
+[node name="MarginContainer" type="MarginContainer" parent="PanelContainer/VBox/HBoxContainer"]
 layout_mode = 2
 size_flags_horizontal = 3
-size_flags_vertical = 3
-theme_override_constants/margin_left = 35
-theme_override_constants/margin_top = 55
-theme_override_constants/margin_right = 35
-theme_override_constants/margin_bottom = 35
+theme_override_constants/margin_left = 3
+theme_override_constants/margin_right = 3
+theme_override_constants/margin_bottom = 3
 
-[node name="Code" type="TextEdit" parent="Margin/VBox/ColorRect/Scroll/Margin"]
+[node name="CopyCode" type="Button" parent="PanelContainer/VBox/HBoxContainer/MarginContainer"]
 layout_mode = 2
-theme_override_fonts/font = SubResource("SystemFont_r6ct2")
-editable = false
-syntax_highlighter = SubResource("CodeHighlighter_yvmnf")
+size_flags_horizontal = 4
+text = "Copy"
 
-[connection signal="pressed" from="Margin/VBox/CopyCode" to="." method="_on_copy_code_pressed"]
+[connection signal="pressed" from="PanelContainer/VBox/HBoxContainer/MarginContainer/CopyCode" to="." method="_on_copy_code_pressed"]