You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by ca...@apache.org on 2016/10/18 22:51:46 UTC

[03/17] git commit: [flex-asjs] [refs/heads/feature/mdl] - Cleaned up MobileStocks example with chart and text alignment issues.

Cleaned up MobileStocks example with chart and text alignment issues.


Project: http://git-wip-us.apache.org/repos/asf/flex-asjs/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-asjs/commit/533016fc
Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/533016fc
Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/533016fc

Branch: refs/heads/feature/mdl
Commit: 533016fc49b40de8b99935f15375c71ac99199f7
Parents: 346718a
Author: Peter Ent <pe...@apache.org>
Authored: Tue Oct 18 15:40:23 2016 -0400
Committer: Peter Ent <pe...@apache.org>
Committed: Tue Oct 18 15:40:23 2016 -0400

----------------------------------------------------------------------
 .../flexjs/MobileStocks/src/MyInitialView.mxml  | 11 +++++-
 .../MobileStocks/src/views/LaunchView.mxml      | 39 ++++++++++++++------
 2 files changed, 38 insertions(+), 12 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/533016fc/examples/flexjs/MobileStocks/src/MyInitialView.mxml
----------------------------------------------------------------------
diff --git a/examples/flexjs/MobileStocks/src/MyInitialView.mxml b/examples/flexjs/MobileStocks/src/MyInitialView.mxml
index 11873b1..1dc27a3 100755
--- a/examples/flexjs/MobileStocks/src/MyInitialView.mxml
+++ b/examples/flexjs/MobileStocks/src/MyInitialView.mxml
@@ -34,6 +34,14 @@ limitations under the License.
 			background-color: #FFFFFF;
 		}
 		
+		js|TextInput {
+			font-size: 10pt;
+		}
+		
+		js|Label {
+		    font-size: 8pt;
+		}
+		
 		js|StackedViewManager {
 			padding-top: 0px;
 			padding-bottom: 0px;
@@ -53,7 +61,8 @@ limitations under the License.
 		
 		.NavigationBar {
 			background-image: url("assets/background.png");
-			height: 55px;
+			height: 56px;
+			width: 100%;
 			IBeadLayout: ClassReference("org.apache.flex.html.beads.layouts.HorizontalLayout");
 		}
 		

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/533016fc/examples/flexjs/MobileStocks/src/views/LaunchView.mxml
----------------------------------------------------------------------
diff --git a/examples/flexjs/MobileStocks/src/views/LaunchView.mxml b/examples/flexjs/MobileStocks/src/views/LaunchView.mxml
index 094da51..5528996 100644
--- a/examples/flexjs/MobileStocks/src/views/LaunchView.mxml
+++ b/examples/flexjs/MobileStocks/src/views/LaunchView.mxml
@@ -81,20 +81,37 @@ limitations under the License.
 			padding-right: 10px;
 		}
 		
+		.DataGridListArea .StringItemRenderer {
+			font-size: 10px;
+		}
+
+		.HorizontalAxis .TickLabel {
+			color: #333333;
+		}
+
+		.VerticalAxis .TickLabel {
+			color: #333333;
+		}
+		
 		.Outer1 {
-			background-color: #FFFFCC;
+			background-color: #FFFFFF;
+			vertical-align: middle;
+		}
+		
+		.InputChild {
+			vertical-align: middle;
 		}
 		
 		.Outer2 {
-			background-color: #FF0000;
+			background-color: #FFFFFF;
 		}
 		
 		.LaunchGrid {
-			background-color: #0000FF;
+			background-color: #FFFFFF;
 		}
 		
 		.DataGridListArea {
-			background-color: #CCFFFF;
+			background-color: #FFFFFF;
 		}
 	</fx:Style>
 	
@@ -114,15 +131,15 @@ limitations under the License.
 	  <js:beads>
 	  	<js:OneFlexibleChildHorizontalLayout flexibleChild="spacer1" maxWidth="400" maxHeight="20" />
 	  </js:beads>
-		<js:Label text="Symbol:" />
-		<js:TextInput id="symbolInput" width="50" />
+		<js:Label text="Symbol:" className="InputChild" />
+		<js:TextInput id="symbolInput" width="50" className="InputChild" />
 		<js:Spacer width="10" />
-		<js:Label text="Shares:" />
-		<js:TextInput id="sharesInput" width="50" />
+		<js:Label text="Shares:" className="InputChild" />
+		<js:TextInput id="sharesInput" width="50" className="InputChild" />
 		<js:Spacer width="10" />
-		<js:TextButton id="addButton" text="Add" width="80" click="addSymbol()" />
+		<js:TextButton id="addButton" text="Add" width="80" click="addSymbol()" className="InputChild" />
 		<js:Spacer id="spacer1" width="1" />
-		<js:TextButton id="removeButton" text="Remove" width="80" click="removeSymbol()" />
+		<js:TextButton id="removeButton" text="Remove" width="80" click="removeSymbol()" className="InputChild" />
 	</js:Container>
 	
 	<js:Container height="45%" width="100%" className="Outer2">
@@ -154,7 +171,7 @@ limitations under the License.
 		</js:model>
 		<js:beads>
 			<js:DataItemRendererFactoryForSeriesArrayListData />
-			<js:BarChartLayoutForArrayList />
+			<js:BarChartLayoutForArrayList gap="2" />
 			<js:SimpleBinding
 				eventName="update"
 				sourceID="dataModel"