PoweredByFeathersUI: better callout placement on the icon if the comp…

…onent is resized
feathersui · Oct 4, 2021 · b22f064 · b22f064
1 parent b85f440
commit b22f064
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 15 deletions.
diff --git a/samples/custom-theme/src/com/feathersui/controls/PoweredByFeathersUI.hx b/samples/custom-theme/src/com/feathersui/controls/PoweredByFeathersUI.hx
@@ -35,21 +35,22 @@ class PoweredByFeathersUI extends LayoutGroup {
 		label.text = "Powered by ";
 		this.addChild(label);
 
-		var icon = new AssetLoader();
+		this.icon = new AssetLoader();
 		// <assets id="feathersui-logo" path="assets/img/feathersui-logo.png" embed="false"/>
-		icon.source = "feathersui-logo";
-		icon.height = 16.0;
-		this.addChild(icon);
+		this.icon.source = "feathersui-logo";
+		this.icon.height = 16.0;
+		this.addChild(this.icon);
 
 		this.addEventListener(MouseEvent.ROLL_OVER, poweredBy_rollOverHandler);
 		this.addEventListener(MouseEvent.ROLL_OUT, poweredBy_rollOutHandler);
 		this.addEventListener(MouseEvent.CLICK, poweredBy_clickHandler);
 	}
 
+	private var icon:AssetLoader;
 	private var callout:TextCallout;
 
 	private function poweredBy_rollOverHandler(event:MouseEvent):Void {
-		this.callout = TextCallout.show("Learn more at feathersui.com", this, null, false);
+		this.callout = TextCallout.show("Learn more at feathersui.com", this.icon, null, false);
 	}
 
 	private function poweredBy_rollOutHandler(event:MouseEvent):Void {

diff --git a/...es/horizontal-layout-percentage-sizing/src/com/feathersui/controls/PoweredByFeathersUI.hx b/...es/horizontal-layout-percentage-sizing/src/com/feathersui/controls/PoweredByFeathersUI.hx
@@ -35,21 +35,22 @@ class PoweredByFeathersUI extends LayoutGroup {
 		label.text = "Powered by ";
 		this.addChild(label);
 
-		var icon = new AssetLoader();
+		this.icon = new AssetLoader();
 		// <assets id="feathersui-logo" path="assets/img/feathersui-logo.png" embed="false"/>
-		icon.source = "feathersui-logo";
-		icon.height = 16.0;
-		this.addChild(icon);
+		this.icon.source = "feathersui-logo";
+		this.icon.height = 16.0;
+		this.addChild(this.icon);
 
 		this.addEventListener(MouseEvent.ROLL_OVER, poweredBy_rollOverHandler);
 		this.addEventListener(MouseEvent.ROLL_OUT, poweredBy_rollOutHandler);
 		this.addEventListener(MouseEvent.CLICK, poweredBy_clickHandler);
 	}
 
+	private var icon:AssetLoader;
 	private var callout:TextCallout;
 
 	private function poweredBy_rollOverHandler(event:MouseEvent):Void {
-		this.callout = TextCallout.show("Learn more at feathersui.com", this, null, false);
+		this.callout = TextCallout.show("Learn more at feathersui.com", this.icon, null, false);
 	}
 
 	private function poweredBy_rollOutHandler(event:MouseEvent):Void {

diff --git a/...-view-data-provider-collection-sorting/src/com/feathersui/controls/PoweredByFeathersUI.hx b/...-view-data-provider-collection-sorting/src/com/feathersui/controls/PoweredByFeathersUI.hx
@@ -35,21 +35,22 @@ class PoweredByFeathersUI extends LayoutGroup {
 		label.text = "Powered by ";
 		this.addChild(label);
 
-		var icon = new AssetLoader();
+		this.icon = new AssetLoader();
 		// <assets id="feathersui-logo" path="assets/img/feathersui-logo.png" embed="false"/>
-		icon.source = "feathersui-logo";
-		icon.height = 16.0;
-		this.addChild(icon);
+		this.icon.source = "feathersui-logo";
+		this.icon.height = 16.0;
+		this.addChild(this.icon);
 
 		this.addEventListener(MouseEvent.ROLL_OVER, poweredBy_rollOverHandler);
 		this.addEventListener(MouseEvent.ROLL_OUT, poweredBy_rollOutHandler);
 		this.addEventListener(MouseEvent.CLICK, poweredBy_clickHandler);
 	}
 
+	private var icon:AssetLoader;
 	private var callout:TextCallout;
 
 	private function poweredBy_rollOverHandler(event:MouseEvent):Void {
-		this.callout = TextCallout.show("Learn more at feathersui.com", this, null, false);
+		this.callout = TextCallout.show("Learn more at feathersui.com", this.icon, null, false);
 	}
 
 	private function poweredBy_rollOutHandler(event:MouseEvent):Void {