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/11/14 18:22:50 UTC
[4/7] git commit: [flex-asjs] [refs/heads/develop] - Tweak examples.
Separate background css while comes the fix in falcon compiler to support
more than one value per property
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 <ca...@apache.org>
Authored: Thu Nov 10 20:53:10 2016 +0100
Committer: Carlos Rovira <ca...@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