From ab77b0404aff0db19261fec34d24b53a70edf345 Mon Sep 17 00:00:00 2001
From: nekotoro <contact@nekotoro.fr>
Date: Fri, 21 Nov 2025 23:09:03 +0100
Subject: [PATCH] Trying to set icon size & text size for ToolBarToggleButton
 WIP

---
 src/components/ToolBarToggleButton.hx | 21 ++++++++++++++++-----
 src/view/MainFooter.hx                | 26 +++++++++++++++++---------
 2 files changed, 33 insertions(+), 14 deletions(-)

diff --git a/src/components/ToolBarToggleButton.hx b/src/components/ToolBarToggleButton.hx
index 0e30368..a09bb0c 100644
--- a/src/components/ToolBarToggleButton.hx
+++ b/src/components/ToolBarToggleButton.hx
@@ -10,6 +10,7 @@ import openfl.events.Event;
 import openfl.geom.ColorTransform;
 import openfl.text.Font;
 import openfl.utils.Assets;
+import t9.util.ColorTraces.*;
 
 class ToolbarToggleButton extends ToggleButton {
 
@@ -17,13 +18,24 @@ class ToolbarToggleButton extends ToggleButton {
     private var svgIcon:Shape;
     private var unselectedColor:Int;
     private var selectedColor:Int;
+    private var iconSize:Int;
+    private var textSize:Int;
 
-	public function new(pSvgIconPath:String = null, pUnselectedColor:Int = 0x00FF00, pSelectedColor:Int = 0x000000) {
-		super();
+
+	public function new(pSvgIconPath:String = null, 
+                        pUnselectedColor:Int = 0x00FF00, 
+                        pSelectedColor:Int = 0x000000,
+                        pIconSize:Int = 40,
+                        pTextSize:Int = 16) {
+        super();
 
         svgIconPath = pSvgIconPath;
         unselectedColor = pSelectedColor;
         selectedColor = pUnselectedColor;
+        iconSize = pIconSize;
+        textSize = pTextSize;
+
+        traceRed("iconSize : " + iconSize + " / textSize : " + textSize);
 	}
 
     override private function initialize():Void {
@@ -39,14 +51,14 @@ class ToolbarToggleButton extends ToggleButton {
             colorizeIcon(unselectedColor);
             new SVG(svgIconPath).render(svgIcon.graphics);
             icon = svgIcon;
-            icon.width = icon.height = 40;
+            icon.width = icon.height = iconSize;
 
             iconOffsetY = 0;
         }
         
         // text
         var fnt:Font = Assets.getFont(Constants.MONTSERRAT_REGULAR_400);
-        textFormat = new TextFormat(fnt.fontName, 16, unselectedColor);
+        textFormat = new TextFormat(fnt.fontName, textSize, unselectedColor);
         selectedTextFormat = new TextFormat(fnt.fontName, 16, selectedColor);
 
         addEventListener(Event.CHANGE, onButtonStateChange);
@@ -63,5 +75,4 @@ class ToolbarToggleButton extends ToggleButton {
     private function onButtonStateChange(e:Event):Void {
         selected ? colorizeIcon(selectedColor) : colorizeIcon(unselectedColor);
     }
-
 }
diff --git a/src/view/MainFooter.hx b/src/view/MainFooter.hx
index be5b413..457ee4e 100644
--- a/src/view/MainFooter.hx
+++ b/src/view/MainFooter.hx
@@ -1,5 +1,6 @@
 package view;
 
+import feathers.layout.Measurements;
 import feathers.skins.RectangleSkin;
 import components.ToolBarToggleButton.ToolbarToggleButton;
 import feathers.controls.LayoutGroup;
@@ -22,23 +23,28 @@ class MainFooter extends LayoutGroup {
 
 	override private function initialize():Void {
 		super.initialize();
-		final sw:Int = stage.stageWidth;
-		final sh:Int = stage.stageHeight;
-		final footerWidth = Std.int(sw * Constants.MAIN_HEADER_WIDTH_RATIO);
-		final footerHeight = Std.int(sh * Constants.MAIN_HEADER_HEIGHT_RATIO);
 
-		backgroundSkin = backgroundSkin = new RectangleSkin(SolidColor( Constants.MAIN_COLOR3, 1));
-		variant = LayoutGroup.VARIANT_TOOL_BAR;
+		backgroundSkin = new RectangleSkin(SolidColor(Constants.MAIN_COLOR3, 1));
+		//variant = LayoutGroup.VARIANT_TOOL_BAR;
 
 		// Layout
-		layout = new HorizontalDistributedLayout();
+		var hdl:HorizontalDistributedLayout = new HorizontalDistributedLayout();
+		layout = hdl;
 
     	// Buttons
-		btn1 = new ToolbarToggleButton(Assets.getText("vector/rider_icon_black.svg"), Constants.MAIN_COLOR2, Constants.HERO_COLOR);
+		btn1 = new ToolbarToggleButton(Assets.getText("vector/rider_icon_black.svg"), 
+									   Constants.MAIN_COLOR2, 
+									   Constants.HERO_COLOR,
+									   30,
+									   14);
 		btn1.text = Constants.MENU_ITEM_0_STRING;
     	addChild(btn1);
 
-    	btn2 = new ToolbarToggleButton(Assets.getText("vector/certificate_icon_black.svg"), Constants.MAIN_COLOR2, Constants.HERO_COLOR);
+    	btn2 = new ToolbarToggleButton(Assets.getText("vector/certificate_icon_black.svg"), 
+									   Constants.MAIN_COLOR2, 
+									   Constants.HERO_COLOR,
+									   30,
+									   14);
 		btn2.text  = Constants.MENU_ITEM_1_STRING;
     	addChild(btn2);
 
@@ -46,5 +52,7 @@ class MainFooter extends LayoutGroup {
 
 	private function onCreationComplete(event:FeathersEvent):Void {
 		traceBlue(this + " --> onCreationComplete()");
+		trace(height);
+
 	}
 }