hz/step3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix narrow web layouts and loader branding

Browse Source
This commit is contained in:
hz
2026-07-16 23:07:26 -05:00
parent a778a680e0
commit ae283c2243
6 changed files with 110 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scripts/ui/study_selector.gd
+45 -6
View File
@@ -8,6 +8,8 @@ signal stage_changed(stage_name: String)
var main: Control
var exam_view: VBoxContainer
var mode_view: VBoxContainer
var stage_scroll: ScrollContainer
var stage_content: VBoxContainer
var exam_grid: VBoxContainer
var exam_top_row: BoxContainer
var mode_grid: GridContainer
@@ -21,6 +23,8 @@ var pending_ccs_launch := false
var current_stage := "exam"
var pending_question_bank_launch := false
var themed_controls: Array[Control] = []
var responsive_cards: Array[PanelContainer] = []
var responsive_card_rows: Array[BoxContainer] = []
func _ready() -> void:
@@ -36,6 +40,15 @@ func _ready() -> void:
if not CCSService.request_failed.is_connected(_on_ccs_failed):
CCSService.request_failed.connect(_on_ccs_failed)
stage_scroll = ScrollContainer.new()
stage_scroll.size_flags_horizontal = Control.SIZE_EXPAND_FILL
stage_scroll.size_flags_vertical = Control.SIZE_EXPAND_FILL
stage_scroll.horizontal_scroll_mode = ScrollContainer.SCROLL_MODE_DISABLED
add_child(stage_scroll)
stage_content = VBoxContainer.new()
stage_content.size_flags_horizontal = Control.SIZE_EXPAND_FILL
stage_scroll.add_child(stage_content)
_build_exam_view()
_build_mode_view()
_show_stage("exam")
@@ -58,7 +71,7 @@ func _build_exam_view() -> void:
exam_view = VBoxContainer.new()
exam_view.add_theme_constant_override("separation", 18)
exam_view.size_flags_vertical = Control.SIZE_EXPAND_FILL
add_child(exam_view)
stage_content.add_child(exam_view)
var eyebrow := Label.new()
eyebrow.text = "GET STARTED"
@@ -69,6 +82,8 @@ func _build_exam_view() -> void:
var title := Label.new()
title.text = "What are you preparing for?"
title.autowrap_mode = TextServer.AUTOWRAP_WORD_SMART
title.size_flags_horizontal = Control.SIZE_EXPAND_FILL
title.add_theme_font_override("font", Brand.font)
title.add_theme_font_size_override("font_size", 34)
exam_view.add_child(title)
@@ -102,7 +117,7 @@ func _build_mode_view() -> void:
mode_view = VBoxContainer.new()
mode_view.add_theme_constant_override("separation", 16)
mode_view.size_flags_vertical = Control.SIZE_EXPAND_FILL
add_child(mode_view)
stage_content.add_child(mode_view)
var back_button := Button.new()
back_button.text = "< All exams"
@@ -125,6 +140,8 @@ func _build_mode_view() -> void:
var title := Label.new()
title.text = "Choose a study mode"
title.autowrap_mode = TextServer.AUTOWRAP_WORD_SMART
title.size_flags_horizontal = Control.SIZE_EXPAND_FILL
title.add_theme_font_override("font", Brand.font)
title.add_theme_font_size_override("font_size", 34)
mode_view.add_child(title)
@@ -201,6 +218,9 @@ func _build_mode_view() -> void:
note.bbcode_enabled = true
note.fit_content = true
note.scroll_active = false
note.autowrap_mode = TextServer.AUTOWRAP_WORD_SMART
note.size_flags_horizontal = Control.SIZE_EXPAND_FILL
note.custom_minimum_size.x = 0
note.text = "Full-length, 12-block simulation is available in the [url=exams][color=#7c3aed]Exams[/color][/url] section."
note.add_theme_font_override("normal_font", Brand.font)
note.add_theme_font_size_override("normal_font_size", 15)
@@ -226,12 +246,14 @@ func _add_mode_card(
var badge_accent := Brand.SUCCESS if enabled else accent
var card := PanelContainer.new()
card.custom_minimum_size = Vector2(430, 210)
card.set_meta("medmind_wide_minimum", Vector2(430, 210))
card.size_flags_horizontal = Control.SIZE_EXPAND_FILL
card.add_theme_stylebox_override("panel", _mode_card_box(enabled, accent))
card.set_meta("medmind_role", "mode_card")
card.set_meta("medmind_enabled", enabled)
card.set_meta("medmind_accent", accent)
themed_controls.append(card)
responsive_cards.append(card)
mode_grid.add_child(card)
var content := VBoxContainer.new()
@@ -239,10 +261,12 @@ func _add_mode_card(
content.add_theme_constant_override("separation", 14)
card.add_child(content)
var header := HBoxContainer.new()
var header := BoxContainer.new()
header.vertical = false
header.mouse_filter = Control.MOUSE_FILTER_IGNORE
header.add_theme_constant_override("separation", 20)
content.add_child(header)
responsive_card_rows.append(header)
var icon_panel := PanelContainer.new()
icon_panel.mouse_filter = Control.MOUSE_FILTER_IGNORE
icon_panel.custom_minimum_size = Vector2(72, 72)
@@ -273,6 +297,7 @@ func _add_mode_card(
header.add_child(details)
var title := Label.new()
title.text = title_text
title.autowrap_mode = TextServer.AUTOWRAP_WORD_SMART
title.add_theme_font_override("font", Brand.font)
title.add_theme_font_size_override("font_size", 22)
details.add_child(title)
@@ -286,7 +311,7 @@ func _add_mode_card(
themed_controls.append(subtitle)
details.add_child(subtitle)
var badge := Label.new()
badge.text = "● %s" % badge_text
badge.text = badge_text
badge.size_flags_horizontal = Control.SIZE_SHRINK_BEGIN
badge.add_theme_font_override("font", Brand.font)
badge.add_theme_font_size_override("font_size", 13)
@@ -299,10 +324,12 @@ func _add_mode_card(
details.add_child(badge)
content.add_child(HSeparator.new())
var bottom := HBoxContainer.new()
var bottom := BoxContainer.new()
bottom.vertical = false
bottom.mouse_filter = Control.MOUSE_FILTER_IGNORE
bottom.add_theme_constant_override("separation", 16)
content.add_child(bottom)
responsive_card_rows.append(bottom)
var description_label := Label.new()
description_label.text = description
description_label.autowrap_mode = TextServer.AUTOWRAP_WORD_SMART
@@ -404,11 +431,13 @@ func _style_back_bar(button: Button) -> void:
func _add_exam_option(option_name: String, title_text: String, description: String, icon_name: String, available: bool) -> void:
var card := PanelContainer.new()
card.custom_minimum_size = Vector2(470, 178)
card.set_meta("medmind_wide_minimum", Vector2(470, 178))
card.size_flags_horizontal = Control.SIZE_EXPAND_FILL
card.add_theme_stylebox_override("panel", _exam_card_box(available))
card.set_meta("medmind_role", "exam_card")
card.set_meta("medmind_enabled", available)
themed_controls.append(card)
responsive_cards.append(card)
if available:
exam_grid.add_child(card)
else:
@@ -418,10 +447,12 @@ func _add_exam_option(option_name: String, title_text: String, description: Stri
content.mouse_filter = Control.MOUSE_FILTER_IGNORE
content.add_theme_constant_override("separation", 10)
card.add_child(content)
var header := HBoxContainer.new()
var header := BoxContainer.new()
header.vertical = false
header.mouse_filter = Control.MOUSE_FILTER_IGNORE
header.add_theme_constant_override("separation", 20)
content.add_child(header)
responsive_card_rows.append(header)
var icon_panel := PanelContainer.new()
icon_panel.mouse_filter = Control.MOUSE_FILTER_IGNORE
@@ -645,7 +676,15 @@ func _start_question_bank() -> void:
func _refresh_grid_columns() -> void:
var column_count := 1 if size.x < 820.0 else 2
var compact_cards := size.x < 520.0
if exam_top_row != null:
exam_top_row.vertical = column_count == 1
if mode_grid != null:
mode_grid.columns = column_count
for card in responsive_cards:
if is_instance_valid(card):
card.custom_minimum_size = Vector2(0, 0) if compact_cards else card.get_meta("medmind_wide_minimum", Vector2(430, 178))
for row in responsive_card_rows:
if is_instance_valid(row):
row.vertical = compact_cards
row.alignment = BoxContainer.ALIGNMENT_BEGIN if compact_cards else BoxContainer.ALIGNMENT_CENTER