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/develop Commit: 47aded4dbf7f307b1cb9222a6096bf0fb14eb722 Parents: 8abc939 Author: Carlos Rovira <[email protected]> Authored: Thu Nov 10 20:53:10 2016 +0100 Committer: Carlos Rovira <[email protected]> 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
