flex-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From carlosrov...@apache.org
Subject [4/6] git commit: [flex-asjs] [refs/heads/feature/mdl] - Tweak examples. Separate background css while comes the fix in falcon compiler to support more than one value per property
Date Sat, 12 Nov 2016 09:07:25 GMT
Tweak examples. Separate background css while comes the fix in falcon compiler to support more
than one value per property


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

Branch: refs/heads/feature/mdl
Commit: 47aded4dbf7f307b1cb9222a6096bf0fb14eb722
Parents: 8abc939
Author: Carlos Rovira <carlosrovira@apache.org>
Authored: Thu Nov 10 20:53:10 2016 +0100
Committer: Carlos Rovira <carlosrovira@apache.org>
Committed: Sat Nov 12 10:06:54 2016 +0100

----------------------------------------------------------------------
 examples/flexjs/MDLExample/src/main/flex/App.mxml       | 12 ++++++------
 .../flexjs/MDLExample/src/main/resources/mdl-styles.css | 10 +++++++++-
 2 files changed, 15 insertions(+), 7 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/47aded4d/examples/flexjs/MDLExample/src/main/flex/App.mxml
----------------------------------------------------------------------
diff --git a/examples/flexjs/MDLExample/src/main/flex/App.mxml b/examples/flexjs/MDLExample/src/main/flex/App.mxml
index 48e2ec7..783281a 100644
--- a/examples/flexjs/MDLExample/src/main/flex/App.mxml
+++ b/examples/flexjs/MDLExample/src/main/flex/App.mxml
@@ -36,7 +36,7 @@ limitations under the License.
 
                 <!-- Buttons https://getmdl.io/components/index.html#buttons-section -->
                 <js:HContainer>
-                    <mdl:Button/>
+                    <mdl:Button className="mdlbtn"/>
 
                     <!-- Fab button -->
                     <mdl:Button fab="true" colored="true">
@@ -63,7 +63,7 @@ limitations under the License.
                 </js:HContainer>
 
                 <!-- Text Fields :: https://getmdl.io/components/index.html#textfields-section
-->
-                <mdl:TextInput id="mdlti" change="mdlchk.text = mdlti.text">
+                <mdl:TextInput id="mdlti" change="mdlchk.text = mdlti.text" className="mdlti_example">
                     <js:beads>
                         <mdl:TextPrompt prompt="Normal Text Field..."/>
                     </js:beads>
@@ -75,14 +75,14 @@ limitations under the License.
                 </mdl:TextInput>
 
                 <!-- Toggles :: https://getmdl.io/components/index.html#toggles-section
-->
-                <mdl:CheckBox id="mdlchk" text="Disabled at start" />
+                <mdl:CheckBox id="mdlchk" text="Disabled at start" className="mdlchk_example"/>
                 <mdl:CheckBox id="mdlchk1" text="Selected and with Ripple" selected="true"
ripple="true"/>
                 
-                <mdl:RadioButton groupName="g1" text="Black"/>
+                <mdl:RadioButton groupName="g1" text="Black" className="mdlrb_example"/>
                 <mdl:RadioButton groupName="g1" text="Ripple" ripple="true"/>
                 <mdl:RadioButton groupName="g1" text="Red"/>
 
-                <mdl:Slider/>
+                <mdl:Slider className="mdlsl_example"/>
 
                 <mdl:Slider minimum="0" maximum="10" value="2" stepSize="2" width="200"/>
 
@@ -114,7 +114,7 @@ limitations under the License.
                 </js:VContainer>
 
                 <mdl:Card width="512" shadow="2">
-                    <mdl:CardTitle style="color: #fff;height: 176px; background:url('assets/Unknown.jpg')
center / cover;">
+                    <mdl:CardTitle className="cardTitle" style="color: #fff;">
                         <js:H2 text="Welcome" className="mdl-card__title-text"/>
                     </mdl:CardTitle>
                     <mdl:CardSupportingText>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/47aded4d/examples/flexjs/MDLExample/src/main/resources/mdl-styles.css
----------------------------------------------------------------------
diff --git a/examples/flexjs/MDLExample/src/main/resources/mdl-styles.css b/examples/flexjs/MDLExample/src/main/resources/mdl-styles.css
index bd344c1..d87e38c 100644
--- a/examples/flexjs/MDLExample/src/main/resources/mdl-styles.css
+++ b/examples/flexjs/MDLExample/src/main/resources/mdl-styles.css
@@ -40,4 +40,12 @@ Image
 	IBeadView:  ClassReference("org.apache.flex.html.beads.ImageView");
 }
 
-
+.cardTitle
+{
+	color: #fff;
+	height: 176px;
+	background-image:url('assets/Unknown.jpg'); /*center / cover;*/
+	background-size: cover;
+	background-position: 50% 50%;
+	background-repeat: initial initial;
+}
\ No newline at end of file


Mime
View raw message