You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2020/03/30 21:28:17 UTC

[royale-asjs] branch develop updated: tour-de-jewel: some layouts example improvements

This is an automated email from the ASF dual-hosted git repository.

carlosrovira pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git


The following commit(s) were added to refs/heads/develop by this push:
     new 32cf99f  tour-de-jewel: some layouts example improvements
32cf99f is described below

commit 32cf99f5b56527073213adff2a412960de2b765b
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Mon Mar 30 23:28:12 2020 +0200

    tour-de-jewel: some layouts example improvements
---
 .../src/main/royale/LayoutsPlayGround.mxml         | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/examples/jewel/TourDeJewel/src/main/royale/LayoutsPlayGround.mxml b/examples/jewel/TourDeJewel/src/main/royale/LayoutsPlayGround.mxml
index 5469793..6f0d499 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/LayoutsPlayGround.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/LayoutsPlayGround.mxml
@@ -121,7 +121,7 @@ limitations under the License.
 			</j:Card>
 		</j:GridCell>
 
-		<j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1">
+		<j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
 			<j:Card>
 				<html:H3 text="Jewel HorizontalFlowLayout"/>
 
@@ -140,7 +140,7 @@ limitations under the License.
 			</j:Card>
 		</j:GridCell>
 
-		<j:GridCell desktopNumerator="1" desktopDenominator="3" tabletNumerator="1" tabletDenominator="3" phoneNumerator="1" phoneDenominator="1">
+		<j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
 			<j:Card>
 				<html:H3 text="Jewel VerticalFlowLayout"/>
 
@@ -163,7 +163,7 @@ limitations under the License.
 			<j:Card>
 				<html:H3 text="Jewel VerticalCenteredLayout (width200, height:200px)"/>
 
-				<j:Group width="300" height="200" className="wrapper">
+				<j:Group width="100%" height="300" className="wrapper">
 					<j:beads>
 						<j:VerticalCenteredLayout/>
 					</j:beads>
@@ -178,7 +178,7 @@ limitations under the License.
 			<j:Card>
 				<html:H3 text="Jewel VContainer itemsHorizontalAlign='itemsCenter'"/>
 
-				<j:VContainer width="300" height="300" gap="3" itemsHorizontalAlign="itemsCenter" className="wrapper">
+				<j:VContainer width="100%" height="300" gap="3" itemsHorizontalAlign="itemsCenter" className="wrapper">
 					<j:Card width="50%" height="100">
 						<j:Label text="horz center"/>
 					</j:Card>
@@ -193,7 +193,7 @@ limitations under the License.
 			<j:Card>
 				<html:H3 text="Jewel VContainer itemsHorizontalAlign='itemsRight'"/>
 
-				<j:VContainer width="300" height="300" gap="3" itemsHorizontalAlign="itemsRight" className="wrapper">
+				<j:VContainer width="100%" height="300" gap="3" itemsHorizontalAlign="itemsRight" className="wrapper">
 					<j:Card width="50%" height="100">
 						<j:Label text="horz right"/>
 					</j:Card>
@@ -208,7 +208,7 @@ limitations under the License.
 			<j:Card>
 				<html:H3 text="Jewel VContainer itemsVerticalAlign='itemsBottom'"/>
 
-				<j:VContainer width="300" height="300" gap="3" itemsVerticalAlign="itemsBottom" className="wrapper">
+				<j:VContainer width="100%" height="300" gap="3" itemsVerticalAlign="itemsBottom" className="wrapper">
 					<j:Card width="50%" height="100">
 						<j:Label text="vert bottom"/>
 					</j:Card>
@@ -223,7 +223,7 @@ limitations under the License.
 			<j:Card>
 				<html:H3 text="Jewel VContainer itemsVerticalAlign='itemsCenter'"/>
 
-				<j:VContainer width="300" height="300" gap="3" itemsVerticalAlign="itemsCenter" className="wrapper">
+				<j:VContainer width="100%" height="300" gap="3" itemsVerticalAlign="itemsCenter" className="wrapper">
 					<j:Card width="50%" height="100">
 						<j:Label text="vert center"/>
 					</j:Card>
@@ -238,7 +238,7 @@ limitations under the License.
 			<j:Card>
 				<html:H3 text="Jewel HContainer itemsHorizontalAlign='itemsCenter'"/>
 
-				<j:HContainer width="300" height="300" gap="3" itemsHorizontalAlign="itemsCenter" className="wrapper">
+				<j:HContainer width="100%" height="300" gap="3" itemsHorizontalAlign="itemsCenter" className="wrapper">
 					<j:Card width="100" height="50%">
 						<j:Label text="horz center"/>
 					</j:Card>
@@ -253,7 +253,7 @@ limitations under the License.
 			<j:Card>
 				<html:H3 text="Jewel HContainer itemsHorizontalAlign='itemsRight'"/>
 
-				<j:HContainer width="300" height="300" gap="3" itemsHorizontalAlign="itemsRight" className="wrapper">
+				<j:HContainer width="100%" height="300" gap="3" itemsHorizontalAlign="itemsRight" className="wrapper">
 					<j:Card width="100" height="50%">
 						<j:Label text="horz right"/>
 					</j:Card>
@@ -268,7 +268,7 @@ limitations under the License.
 			<j:Card>
 				<html:H3 text="Jewel HContainer itemsVerticalAlign='itemsBottom'"/>
 
-				<j:HContainer width="300" height="300" gap="3" itemsVerticalAlign="itemsBottom" className="wrapper">
+				<j:HContainer width="100%" height="300" gap="3" itemsVerticalAlign="itemsBottom" className="wrapper">
 					<j:Card width="100" height="50%">
 						<j:Label text="vert bottom"/>
 					</j:Card>
@@ -283,7 +283,7 @@ limitations under the License.
 			<j:Card>
 				<html:H3 text="Jewel HContainer itemsVerticalAlign='itemsCenter'"/>
 
-				<j:HContainer width="300" height="300" gap="3" itemsVerticalAlign="itemsCenter" className="wrapper">
+				<j:HContainer width="100%" height="300" gap="3" itemsVerticalAlign="itemsCenter" className="wrapper">
 					<j:Card width="100" height="50%">
 						<j:Label text="vert centered"/>
 					</j:Card>